chore: update configuration settings

Author: suradet-ps

.husky/commit-msg

@@ -0,0 +1 @@
+pnpm exec commitlint --edit $1

.husky/pre-commit

@@ -1 +1 @@
-pnpm test
+pnpm exec lint-staged

commitlint.config.mjs

@@ -0,0 +1,24 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-case': [2, 'always', 'lower-case'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'build',
+        'chore',
+        'ci',
+        'docs',
+        'feat',
+        'fix',
+        'perf',
+        'refactor',
+        'revert',
+        'style',
+        'test'
+      ]
+    ],
+    'subject-full-stop': [2, 'never', '.'],
+  }
+}

eslint.config.mjs

@@ -1,32 +1,35 @@
 // Run this command to generate base config and vs code settings:
 // pnpm dlx @antfu/eslint-config@latest
 
-import antfu from "@antfu/eslint-config";
+import antfu from '@antfu/eslint-config';
 
 export default antfu({
-  type: "app",
+  type: 'app',
   vue: true,
   typescript: true,
   formatters: true,
   stylistic: {
     indent: 2,
     semi: true,
-    quotes: "double",
+    quotes: 'single',
   },
 }, {
   rules: {
-    "ts/no-redeclare": "off",
-    "ts/consistent-type-definitions": ["error", "type"],
-    "no-console": ["warn"],
-    "antfu/no-top-level-await": ["off"],
-    "node/prefer-global/process": ["off"],
-    "node/no-process-env": ["error"],
-    "perfectionist/sort-imports": ["error", {
+    'ts/no-redeclare': 'off',
+    'ts/consistent-type-definitions': ['error', 'type'],
+    'no-console': ['warn'],
+    'antfu/no-top-level-await': ['off'],
+    'node/prefer-global/process': ['off'],
+    'node/no-process-env': ['error'],
+    'perfectionist/sort-imports': ['error', {
       tsconfigRootDir: '.',
     }],
-    "unicorn/filename-case": ["error", {
-      case: "kebabCase",
-      ignore: ["README.md"],
+    'unicorn/filename-case': ['error', {
+      cases: {
+        kebabCase: true,
+        pascalCase: true,
+      },
+      ignore: ['README.md'],
     }],
   },
 });

package.json

@@ -1,13 +1,15 @@
 {
   "name": "vue-starter",
-  "private": true,
-  "version": "1.0.0",
   "type": "module",
+  "version": "1.0.0",
+  "private": true,
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview",
     "type-check": "vue-tsc --noEmit",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "prepare": "husky"
   },
   "dependencies": {
@@ -21,10 +23,19 @@
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/tsconfig": "^0.8.1",
     "eslint": "^9.39.1",
+    "eslint-plugin-format": "^1.0.2",
     "husky": "^9.1.7",
     "lint-staged": "^16.2.7",
     "typescript": "~5.9.3",
     "vite": "^7.2.4",
     "vue-tsc": "^3.1.4"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx,vue}": [
+      "eslint --fix"
+    ],
+    "*.{json,md}": [
+      "eslint --fix"
+    ]
   }
 }

pnpm-lock.yaml

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from './components/HelloWorld.vue';
 </script>
 
 <template>