Add eslint checking to Vue components.

frontend/.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    extends: [
+        'eslint:recommended',
+        'plugin:vue/vue3-recommended'
+    ],
+    rules: {}
+}

frontend/package.json

@@ -34,6 +34,9 @@
     "css-loader": "^6.5.0",
     "del": "^7",
     "easygettext": "^2.17.0",
+    "eslint": "^8.30.0",
+    "eslint-plugin-vue": "^9.8.0",
+    "eslint-webpack-plugin": "^3.2.0",
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0",
     "gulp-clean-css": "^4",

frontend/webpack.config.js

@@ -2,6 +2,7 @@ const webpack = require('webpack');
 const WebpackAssetsManifest = require('webpack-assets-manifest');
 const {VueLoaderPlugin} = require('vue-loader');
 const path = require('path');
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 module.exports = {
     mode: (process.env.NODE_ENV === 'production') ? 'production' : 'development',
@@ -133,6 +134,7 @@ module.exports = {
         ]
     },
     plugins: [
+        new ESLintPlugin({}),
         new WebpackAssetsManifest({
             output: path.resolve(__dirname, '../web/static/webpack.json'),
             writeToDisk: true,