fix: fix bug

Author: krasaler

.eslintrc.js

@@ -1,18 +1,15 @@
 module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true
-  },
-  parserOptions: {
-    parser: 'babel-eslint'
-  },
   extends: [
-    '@nuxtjs',
-    'plugin:nuxt/recommended'
+    "prettier",
+    "plugin:prettier/recommended",
   ],
-  plugins: [
-  ],
-  // add your custom rules here
-  rules: {}
-}
+  plugins: ["prettier"],
+  rules: {
+    "@typescript-eslint/no-unused-vars": "off",
+    "no-unused-vars": "off",
+    "no-console": "off",
+    camelcase: "off",
+    "vue/max-attributes-per-line": "off",
+    "vue/require-prop-types": "off",
+  },
+};

nuxt.config.js

@@ -1,39 +1,46 @@
-import LodashModuleReplacementPlugin from 'lodash-webpack-plugin'
-require('dotenv').config()
-const isDev = process.env.NODE_ENV === 'development'
+require("dotenv").config();
+const LodashModuleReplacementPlugin = require("lodash-webpack-plugin");
+const isDev = process.env.NODE_ENV === "development";
+
+const modules = [];
+
+if (!isDev) {
+  modules.push("@nuxtjs/pwa");
+}
+
 export default {
   ssr: true,
-  target: isDev ? 'server' : 'static',
-  modern: !isDev ? 'client' : false,
+  target: isDev ? "server" : "static",
+  // modern: !isDev ? "client" : false,
   env: {
     FEATURED_PRODUCT: process.env.FEATURED_PRODUCT
   },
   generate: {
     concurrency: 5,
     subFolders: false,
-    crawler: true
+    crawler: false,
   },
   head: {
-    title: 'vuefront',
+    title: "vuefront",
     meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: 'VueFront' }
+      { charset: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { hid: "description", name: "description", content: "VueFront" },
     ],
     link: [
       {
-        rel: 'icon',
-        type: 'image/png',
-        href: '/favicon.png'
+        rel: "icon",
+        type: "image/png",
+        href: "/favicon.png",
       }
     ],
-    script: []
+    script: [],
   },
-  loading: { color: '#3B8070' },
+  loading: { color: "#3B8070" },
   modules: [
-    '@nuxtjs/pwa',
-    '@nuxtjs/dotenv',
-    'vuefront-nuxt'
+    "@nuxtjs/dotenv",
+    "vuefront-nuxt",
+    ...modules,
   ],
   buildModules: [
     // https://go.nuxtjs.dev/eslint
@@ -48,23 +55,24 @@ export default {
   // },
   build: {
     babel: {
-      plugins: ['lodash', 'preval']
+      plugins: ["lodash", "preval"],
     },
-    transpile: ['@vuefront/checkout-app'],
+    transpile: ["@vuefront/checkout-app"],
     extractCSS: !isDev,
+    corejs: 2,
     optimization: {
       splitChunks: {
-        chunks: 'all',
-        automaticNameDelimiter: '.',
-        name: 'test',
+        chunks: "all",
+        automaticNameDelimiter: ".",
+        name: "test",
         maxSize: 256000,
-        minSize: 50000
-      }
+        minSize: 50000,
+      },
     },
     plugins: [
       new LodashModuleReplacementPlugin({
-        shorthands: true
-      })
-    ]
-  }
-}
+        shorthands: true,
+      }),
+    ],
+  },
+};

package.json

@@ -21,13 +21,12 @@
     "@aceforth/nuxt-optimized-images": "^1.4.0",
     "@nuxtjs/dotenv": "^1.4.1",
     "@nuxtjs/pwa": "^3.3.5",
-    "@vuefront/checkout-app": "0.1.9",
-    "nuxt": "^2.15.4",
+    "@vuefront/checkout-app": "^0.1.9",
+    "nuxt": "2.15.4",
     "nuxt-compress": "^5.0.0",
-    "vuefront-nuxt": "0.3.48"
+    "vuefront-nuxt": "0.3.49"
   },
   "devDependencies": {
-    "@babel/runtime-corejs2": "^7.13.10",
     "@commitlint/cli": "^12.0.1",
     "@commitlint/config-conventional": "^12.0.1",
     "@nuxtjs/eslint-config": "^6.0.0",
@@ -37,15 +36,27 @@
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-preval": "^5.0.0",
     "core-js": "2",
-    "eslint": "^7.22.0",
-    "eslint-plugin-nuxt": "^2.0.0",
-    "husky": "^5.1.3",
-    "lint-staged": "^10.5.4",
+    "eslint": "^7.23.0",
+    "eslint-plugin-nuxt": ">=2.0.0",
+    "eslint-config-prettier": "^8.1.0",
+    "eslint-plugin-prettier": "^3.3.1",
     "lodash-webpack-plugin": "^0.11.6",
-    "node-sass": "^5.0.0",
-    "postcss": "^8.2.8",
+    "prettier": "^2.2.1",
+    "postcss": "^8.2.9",
     "sass-loader": "^10.1.1",
     "stylelint": "^13.12.0",
-    "stylelint-config-standard": "^21.0.0"
+    "stylelint-config-standard": "^21.0.0",
+    "stylelint-config-prettier": "^8.0.2",
+    "stylelint-scss": "^3.19.0",
+    "cz-conventional-changelog": "3.3.0",
+    "sass": "^1.32.8"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "optionalDependencies": {
+    "fsevents": "^2.3.2"
   }
 }

stylelint.config.js

@@ -1,8 +1,10 @@
 module.exports = {
-  extends: [
-    'stylelint-config-standard'
-  ],
+  extends: ["stylelint-config-standard", "stylelint-config-prettier"],
+  plugins: ["stylelint-scss"],
   // add your custom config here
   // https://stylelint.io/user-guide/configuration
-  rules: {}
-}
+  rules: {
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": true,
+  },
+};

vuefront.config.js

@@ -1,6 +1,5 @@
-
 export default {
-  app: ['@vuefront/checkout-app'],
+  app: ["@vuefront/checkout-app"],
   image: {
     logo: {
       path: '~/assets/img/VUE_JS.svg'
@@ -110,5 +109,5 @@ export default {
     '/store/checkout': {
       contentTop: ['Checkout']
     }
-  }
-}
+  },
+};