#63 migrate to Vue 3

vue.config.js

@@ -1,36 +1,45 @@
+const { defineConfig } = require('@vue/cli-service')
 const CopyPlugin = require('copy-webpack-plugin')
 const WorkboxPlugin = require('workbox-webpack-plugin')
 
-module.exports = {
+module.exports = defineConfig({
+  transpileDependencies: true,
   publicPath: '',
   // Workaround for https://github.com/vuejs/vue-cli/issues/5399 as described
   // in https://stackoverflow.com/a/63185174
   lintOnSave: process.env.NODE_ENV === 'development',
   configureWebpack: {
     plugins: [
-      new CopyPlugin([
-        // This wasm file will be fetched dynamically when we initialize sql.js
-        // It is important that we do not change its name,
-        // and that it is in the same folder as the js
-        { from: 'node_modules/sql.js/dist/sql-wasm.wasm', to: 'js/' },
-        { from: 'LICENSE', to: './' }
-      ]),
+      new CopyPlugin({
+        patterns: [
+          // This wasm file will be fetched dynamically when we initialize sql.js
+          // It is important that we do not change its name,
+          // and that it is in the same folder as the js
+          { from: 'node_modules/sql.js/dist/sql-wasm.wasm', to: 'js/' },
+          { from: 'LICENSE', to: './' }
+        ]
+      }),
       new WorkboxPlugin.GenerateSW({
         exclude: [/\.map$/, 'LICENSE', 'inquiries.json'],
         clientsClaim: true,
         skipWaiting: false,
         maximumFileSizeToCacheInBytes: 40000000
       })
-    ]
+    ],
+    resolve: {
+      fallback: {
+        asset: require.resolve('assert'),
+        stream: require.resolve('stream-browserify')
+      }
+    }
   },
   chainWebpack: config => {
-    const svgRule = config.module.rule('svg')
-    svgRule.uses.clear()
-    svgRule
-      .use('url-loader')
-      .loader('url-loader')
-      .options({
-        limit: 10000
+    config.module
+      .rule('images')
+      .set('parser', {
+        dataUrlCondition: {
+          maxSize: 10000
+        }
       })
 
     config.module
@@ -49,4 +58,4 @@ module.exports = {
         return args
       })
   }
-}
+})