chore: maintain template

Author: crashmax-dev

.gitignore

@@ -1,15 +1,13 @@
 node_modules
 dist
 .turbo
-
 *.tgz
 *.log
 .DS_Store
 Thumbs.db
 vite.config.ts.timestamp-*
-
+.eslintcache
 storybook-static
 *storybook.log
-
 coverage
 test-results/

.npmrc

@@ -1,7 +1,3 @@
-# pnpm
 prefer-workspace-packages=true
 auto-install-peers=true
 save-exact=true
-
-# https://r1ch.net/blog/node-v20-aggregateeerror-etimedout-happy-eyeballs
-node-options=--no-network-family-autoselection

.vscode/settings.json

@@ -1,6 +1,5 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "vue.updateImportsOnFileMove.enabled": true,
 
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,
@@ -34,7 +33,7 @@
     "html",
     "markdown",
     "json",
-    "xml",
+    "yaml",
     "css",
     "scss"
   ]

.vscode/snippets.code-snippets

@@ -0,0 +1,33 @@
+{
+  "vue": {
+    "scope": "vue",
+		"prefix": "vue",
+		"body": [
+      "<template>",
+			"</template>",
+      "",
+			"<script setup lang=\"ts\">",
+			"$1",
+			"</script>",
+			"",
+			"<style scoped lang=\"scss\">",
+			"</style>"
+		]
+	},
+  "pinia": {
+    "scope": "ts",
+    "prefix": "pinia",
+    "body": [
+      "import { acceptHMRUpdate, defineStore } from 'pinia'",
+      "",
+      "export const use$1 = defineStore('', () => {",
+      "",
+      "})",
+      "",
+      "if (import.meta.hot) {",
+      "  import.meta.hot.accept(acceptHMRUpdate(use$1, import.meta.hot))",
+      "}",
+      ""
+    ]
+  }
+}

apps/vue/package.json

@@ -15,9 +15,9 @@
   "dependencies": {
     "@vue-workspace/ui": "workspace:*",
     "@vue-workspace/utils": "workspace:*",
-    "@vueuse/core": "13.1.0",
-    "pinia": "3.0.2",
-    "vue": "3.5.13",
+    "@vueuse/core": "13.6.0",
+    "pinia": "3.0.3",
+    "vue": "3.5.18",
     "vue-router": "4.5.1"
   },
   "devDependencies": {

apps/vue/src/layout/header.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { RoutePath } from '@/libs/router'
 import { useTheme, VButton } from '@vue-workspace/ui'
 import { RouterLink, useRoute } from 'vue-router'
 import ExternalLinkIcon from '~icons/heroicons-outline/external-link'
 import MoonIcon from '~icons/heroicons-outline/moon'
 import SunIcon from '~icons/heroicons-outline/sun'
+import { RoutePath } from '@/libs/router'
 
 const route = useRoute()
 const theme = useTheme()

apps/vue/tsconfig.node.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node20/tsconfig.json",
+  "extends": "@tsconfig/node22",
   "compilerOptions": {
     "composite": true,
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",

package.json

@@ -2,10 +2,10 @@
   "name": "@vue-workspace/root",
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@9.15.0",
+  "packageManager": "pnpm@10.14.0",
   "engines": {
-    "pnpm": ">=9.15",
-    "node": ">=20.18"
+    "pnpm": ">=10.14",
+    "node": ">=22.18"
   },
   "scripts": {
     "dev": "turbo dev",
@@ -15,32 +15,33 @@
     "test": "vitest run",
     "test:unit": "vitest",
     "test:unit-ui": "vitest --ui",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
+    "lint": "eslint . --cache",
+    "lint:fix": "eslint . --fix --cache",
     "check-update": "pnpm update -i -r -L"
   },
   "devDependencies": {
     "@antfu/eslint-config": "4.12.0",
     "@iconify-json/heroicons-outline": "1.2.1",
-    "@pinia/testing": "1.0.1",
-    "@tsconfig/node20": "20.1.5",
+    "@pinia/testing": "1.0.2",
+    "@tsconfig/node22": "22.0.2",
     "@types/node": "22.15.3",
-    "@vitejs/plugin-vue": "5.2.3",
-    "@vitest/ui": "3.1.2",
+    "@vitejs/plugin-vue": "6.0.1",
+    "@vitest/ui": "3.2.4",
     "@vue/test-utils": "2.4.6",
     "@vue/tsconfig": "0.7.0",
-    "happy-dom": "17.4.6",
-    "playwright": "1.52.0",
-    "sass-embedded": "1.87.0",
-    "tsx": "4.19.4",
-    "turbo": "2.5.2",
-    "typescript": "5.8.3",
-    "unplugin-icons": "22.1.0",
-    "unplugin-vue-components": "28.5.0",
-    "vite": "6.3.4",
-    "vite-plugin-static-copy": "2.3.1",
-    "vite-plugin-vue-devtools": "7.7.6",
-    "vitest": "3.1.2",
-    "vue-tsc": "2.2.10"
+    "eslint": "9.33.0",
+    "happy-dom": "18.0.1",
+    "playwright": "1.54.2",
+    "sass-embedded": "1.90.0",
+    "tsx": "4.20.3",
+    "turbo": "2.5.5",
+    "typescript": "5.9.2",
+    "unplugin-icons": "22.2.0",
+    "unplugin-vue-components": "29.0.0",
+    "vite": "7.1.1",
+    "vite-plugin-static-copy": "3.1.1",
+    "vite-plugin-vue-devtools": "8.0.0",
+    "vitest": "3.2.4",
+    "vue-tsc": "3.0.5"
   }
 }

packages/ui/package.json

@@ -20,14 +20,14 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vueuse/core": "13.1.0",
+    "@vueuse/core": "13.6.0",
     "class-variance-authority": "0.7.1",
-    "radix-vue": "1.9.16",
-    "vue": "3.5.13"
+    "reka-ui": "2.4.1",
+    "vue": "3.5.18"
   },
   "devDependencies": {
-    "@histoire/plugin-vue": "1.0.0-alpha.2",
+    "@histoire/plugin-vue": "1.0.0-alpha.3",
     "@vue-workspace/vite-config": "workspace:*",
-    "histoire": "1.0.0-alpha.2"
+    "histoire": "1.0.0-alpha.3"
   }
 }

packages/ui/src/button/button.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { cva } from 'class-variance-authority'
-import { Primitive } from 'radix-vue'
+import { Primitive } from 'reka-ui'
 import type { VariantProps } from 'class-variance-authority'
-import type { PrimitiveProps } from 'radix-vue'
+import type { PrimitiveProps } from 'reka-ui'
 import type { ButtonHTMLAttributes } from 'vue'
 
 type ButtonClasses = VariantProps<typeof buttonClasses>