- refactoring code

package.json

@@ -5,7 +5,9 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint": "./node_modules/.bin/eslint src --ext .js,.vue",
+    "lintf": "./node_modules/.bin/eslint src --ext .js,.vue --fix"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.4.0",
@@ -14,6 +16,11 @@
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@fortawesome/vue-fontawesome": "^3.0.3",
     "@vitejs/plugin-vue": "^4.2.3",
+    "autoprefixer": "^10.4.14",
+    "markdown-it": "^13.0.1",
+    "postcss": "^8.4.27",
+    "sass-loader": "^13.3.2",
+    "tailwindcss": "^3.3.3",
     "vite": "^4.4.7",
     "vue": "^3.3.4",
     "vue-meta": "^2.4.0",
@@ -21,14 +28,8 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.13",
     "eslint": "^8.29.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "markdown-it": "^13.0.1",
-    "postcss": "^8.4.20",
-    "sass": "^1.56.2",
-    "sass-loader": "^13.2.0",
-    "tailwindcss": "^3.2.4"
+    "eslint-plugin-vue": "^9.8.0"
   },
   "eslintConfig": {
     "root": true,