Removed scss.

Add stylelint-order.
Update dependencies.

.eslintrc.yml

@@ -4,21 +4,23 @@ env:
   es2021: true
 extends:
   - eslint:recommended
-  - plugin:@typescript-eslint/eslint-recommended
   - google
+  - plugin:@typescript-eslint/eslint-recommended
   - plugin:vue/recommended
   - plugin:prettier-vue/recommended
   - prettier
   - eslint-config-prettier
+plugins:
+  - prettier
+  - '@typescript-eslint'
+  - vuejs-accessibility
 parser: vue-eslint-parser
 parserOptions:
   ecmaVersion: latest
   parser: '@typescript-eslint/parser'
   sourceType: module
-plugins:
-  - '@typescript-eslint'
-  - vuejs-accessibility
 rules:
+  prettier/prettier: error
   require-jsdoc: warn
   valid-jsdoc: off
   new-cap: off

.stylelintrc.yml

@@ -1,15 +1,14 @@
 extends:
   - stylelint-config-html/vue
   - stylelint-config-standard
-  - stylelint-config-recommended-scss
   - stylelint-config-recommended-vue
   - stylelint-config-prettier
 plugins:
+  - stylelint-order
   - stylelint-prettier
 rules:
   prettier/prettier: true
+  at-rule-no-unknown: null
   color-function-notation: legacy
-  selector-class-pattern: null
   no-descending-specificity: null
-  at-rule-no-unknown: null
-  scss/no-global-function-names: null
+  selector-class-pattern: null

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["johnsoncodehk.volar"]
+}

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020-2021 Masashi Yoshikawa
+Copyright (c) 2021-2022 Masashi Yoshikawa
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package.json

@@ -22,7 +22,7 @@
     "dev": "vite",
     "build": "vite build",
     "lint": "prettier --check src && eslint --cache src --ext js,json,ts,vue --fix",
-    "lint:style": "stylelint --cache src/**/*.{css,scss,vue} --fix",
+    "lint:style": "stylelint --cache src/**/*.{css,scss,sass,vue} --fix",
     "serve": "vite preview",
     "prepare": "husky install"
   },
@@ -35,36 +35,36 @@
   },
   "devDependencies": {
     "@amatlash/vite-plugin-stylelint": "^1.2.0",
-    "@types/node": "^17.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.8.0",
-    "@typescript-eslint/parser": "^5.8.0",
+    "@types/node": "^17.0.8",
+    "@typescript-eslint/eslint-plugin": "^5.9.0",
+    "@typescript-eslint/parser": "^5.9.0",
     "@vue/compiler-sfc": "^3.2.26",
-    "@vue/eslint-config-typescript": "^9.1.0",
-    "eslint": "^8.5.0",
+    "@vue/eslint-config-typescript": "^10.0.0",
+    "eslint": "^8.6.0",
     "eslint-config-google": "^0.14.0",
     "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-prettier-vue": "^3.1.0",
     "eslint-plugin-vue": "^8.2.0",
-    "eslint-plugin-vuejs-accessibility": "^1.1.0",
+    "eslint-plugin-vuejs-accessibility": "^1.1.1",
     "husky": "^7.0.4",
-    "lint-staged": "^12.1.3",
+    "lint-staged": "^12.1.5",
     "postcss-html": "^1.3.0",
     "prettier": "^2.5.1",
-    "sass": "^1.45.1",
     "stylelint": "^14.2.0",
     "stylelint-config-prettier": "^9.0.3",
-    "stylelint-config-recommended-scss": "^5.0.2",
     "stylelint-config-recommended-vue": "^1.1.0",
     "stylelint-config-standard": "^24.0.0",
+    "stylelint-order": "^5.0.0",
     "stylelint-prettier": "^2.0.0",
     "typescript": "^4.5.4",
-    "vite": "^2.7.5",
+    "vite": "^2.7.10",
     "vite-plugin-env-compatible": "^1.1.1",
     "vite-plugin-eslint": "^1.3.0",
-    "vite-plugin-vue2": "^1.9.0",
+    "vite-plugin-vue2": "^1.9.2",
     "vue-eslint-parser": "^8.0.1",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.30.0"
+    "vue-tsc": "^0.30.2"
   },
   "husky": {
     "hooks": {

tsconfig.json

@@ -12,6 +12,7 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
+    "isolatedModules": true,
     "lib": [
       "esnext",
       "dom"
@@ -22,7 +23,8 @@
       ]
     },
     "types": [
-      "node"
+      "vite/client",
+      "node",
     ]
   },
   "include": [

vite.config.ts

@@ -32,7 +32,9 @@ export default defineConfig({
   },
   plugins: [
     // Vue2
-    createVuePlugin(),
+    createVuePlugin({
+      target: 'esnext',
+    }),
     // eslint
     eslintPlugin(),
     // Stylelint