[Dev] Add ESLint and Stylelint

.eslintrc.js

+module.exports = {
+  extends: [
+    'plugin:vue/strongly-recommended',
+  ],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+  }
+}

.stylelintrc.json

+{
+  "extends": "stylelint-config-standard"
+}

package.json

 {
   "devDependencies": {
     "css-loader": "^6.7.1",
-    "vue-style-loader": "^4.1.3",
+    "eslint": "^8.20.0",
+    "eslint-plugin-vue": "^9.2.0",
+    "eslint-webpack-plugin": "^3.2.0",
     "sass-loader": "^8.0",
+    "stylelint": "^13.0",
+    "stylelint-config-standard": "^22.0.0",
+    "stylelint-webpack-plugin": "^3.3.0",
     "vue-loader": "^15.0.0",
+    "vue-style-loader": "^4.1.3",
     "vue-template-compiler": "^2.7.7",
     "webpack": "^5.73.0",
     "webpack-bundle-tracker": "^1.6.0",

webpack.config.js

 const path = require('path');
 const webpack = require('webpack');
-const BundleTracker = require('webpack-bundle-tracker')
-const { VueLoaderPlugin } = require('vue-loader')
+const BundleTracker = require('webpack-bundle-tracker');
+const { VueLoaderPlugin } = require('vue-loader');
+const ESLintPlugin = require('eslint-webpack-plugin');
+const StyleLintPlugin = require('stylelint-webpack-plugin');
 
 module.exports = {
   context: __dirname,
@@ -19,6 +21,12 @@ module.exports = {
   plugins: [
     new BundleTracker({filename: './webpack-stats.json'}),
     new VueLoaderPlugin(),
+    new ESLintPlugin({
+      extensions: ["js", "vue"],
+    }),
+    new StyleLintPlugin({
+      files: ['assets/**/*.{vue,htm,html,css,sss,less,scss,sass}'],
+    }),
   ],
   module: {
     rules: [