Vue 3 migration (#15)

Author: mariobalca

.github/workflows/test-frontend.yml

@@ -13,7 +13,7 @@ jobs:
         uses: actions/checkout@v2
 
       - name: Cypress run
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v4
         with:
           start: npm run start:json-server, npm run start:test
           wait-on: 'http://localhost:4000'

frontend/.eslintrc.js

@@ -6,7 +6,7 @@ module.exports = {
   },
 
   extends: [
-    'plugin:vue/essential',
+    'plugin:vue/vue3-recommended',
     'eslint:recommended',
     '@vue/prettier'
   ],
@@ -21,6 +21,9 @@ module.exports = {
         ? 'warn'
         : 'off',
     'no-debugger':
-      process.env.NODE_ENV === 'production' ? 'warn' : 'off'
+      process.env.NODE_ENV === 'production'
+        ? 'warn'
+        : 'off',
+    'vue/no-v-html': 'off'
   }
 }

frontend/.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
-/dist
+dist
+cypress
 
 # local env files
 .env*

frontend/babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
-  presets: ['@vue/cli-plugin-babel/preset']
+  presets: ['@vue/cli-plugin-babel/preset'],
+  plugins: ['@babel/plugin-transform-runtime']
 }

frontend/cypress.config.js

@@ -0,0 +1,28 @@
+const { defineConfig } = require('cypress')
+const webpackConfig = require('@vue/cli-service/webpack.config.js')
+
+module.exports = defineConfig({
+  e2e: {
+    baseUrl: 'http://localhost:4000',
+    specPattern: 'tests/**/*.spec.js',
+    supportFile: 'tests/support/index.js'
+  },
+  folders: {
+    fixturesFolder: 'tests/fixtures',
+    screenshotsFolder: 'tests/screenshots',
+    videosFolder: 'tests/videos'
+  },
+  component: {
+    devServer: {
+      framework: 'vue',
+      bundler: 'webpack',
+      webpackConfig
+    }
+  },
+  browser: {
+    chromeWebSecurity: false
+  },
+  env: {
+    apiUrl: 'http://localhost:3000'
+  }
+})