feat(frontend): update package

README.md

@@ -71,7 +71,8 @@ Generate by [vue3-starter](https://github.com/xiaoluoboding/vue3-starter)
 
 - Vue 3
 - Vite
-- WindiCSS
+- Shadcn Vue
+- Tailwind CSS
 
 ### Prerequisites
 

docs/.vitepress/config.js

@@ -2,7 +2,7 @@ export default {
   language: 'en-US',
   title: 'SHA Starter',
   description: 'A starter for the self-hosted app, help you to build your next full-stack project.',
-  // base: '/self-hosted-app-starter/',
+  base: '/self-hosted-app-starter/',
   themeConfig: {
     nav: [{
         text: 'Home',

frontend/README.md

@@ -10,11 +10,12 @@
 
 ## Features
 
-- 💨 [windicss](https://windicss.org/integrations/vite.html) - Next generation utility-first CSS framework
+- 💨 [Tailwind CSS](https://tailwindcss.com/docs/installation) - Rapidly build modern websites without ever leaving your HTML.
 - 🤹 [unplugin-icons](https://github.com/antfu/unplugin-icons) - Use icons from any iconsets
 - 🍍 [pinia](https://pinia.esm.dev/) - The Vue Store that you will enjoy using
 - 🌍 [vue-i18n](https://vue-i18n.intlify.dev/installation.html) - Vue I18n is internationalization plugin for Vue.js
 - 🛠️ [@vueuse/core](https://vueuse.org/) - Collection of essential Vue Composition Utilities
+- 💅 [Shadcn Vue](https://www.shadcn-vue.com/) - Build your component library.
 
 ## Use the Template
 
@@ -85,7 +86,7 @@ pnpm run lint
 
 ## Related Template
 
-* [nuxt3-starter](https://github.com/xiaoluoboding/nuxt3-starter) - 💚 A Better Nuxt 3 Starter Template，generate by `nuxi`.
+- [nuxt3-starter](https://github.com/xiaoluoboding/nuxt3-starter) - 💚 A Better Nuxt 3 Starter Template，generate by `nuxi`.
 
 ## License
 

frontend/components.d.ts

@@ -1,29 +1,30 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/vue-next/pull/3399
+/* eslint-disable */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
+    Button: typeof import('./src/components/ui/button/Button.vue')['default']
     'Carbon:cafe': typeof import('~icons/carbon/cafe')['default']
     'Carbon:dotMark': typeof import('~icons/carbon/dot-mark')['default']
     'Carbon:language': typeof import('~icons/carbon/language')['default']
-    'Carbon:logo-': typeof import('~icons/carbon/logo-')['default']
     'Carbon:logoGithub': typeof import('~icons/carbon/logo-github')['default']
     'Carbon:logoTwitter': typeof import('~icons/carbon/logo-twitter')['default']
-    'Carbon:logoVue': typeof import('~icons/carbon/logo-vue')['default']
     'Carbon:moon': typeof import('~icons/carbon/moon')['default']
     'Carbon:sun': typeof import('~icons/carbon/sun')['default']
-    'Fa6Brands:golang': typeof import('~icons/fa/6-brands-golang')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']
     IconEcosystem: typeof import('./src/components/icons/IconEcosystem.vue')['default']
     IconSupport: typeof import('./src/components/icons/IconSupport.vue')['default']
     IconTooling: typeof import('./src/components/icons/IconTooling.vue')['default']
     'Mdi:heart': typeof import('~icons/mdi/heart')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
     TheWelcome: typeof import('./src/components/TheWelcome.vue')['default']
     WelcomeItem: typeof import('./src/components/WelcomeItem.vue')['default']
   }
 }
-
-export { }

frontend/components.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "new-york",
+  "typescript": true,
+  "tsConfigPath": "./tsconfig.json",
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/assets/index.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "framework": "vite",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

frontend/package.json

@@ -4,44 +4,51 @@
   "description": "🖖 A Better Vue 3 Starter Template, generate by create-vue.",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
+    "build": "vue-tsc -b && vite build",
     "preview": "vite preview --port 5050",
     "test:unit": "vitest --environment jsdom",
     "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
+  "type": "module",
   "dependencies": {
-    "axios": "^0.27.2",
-    "pinia": "^2.0.11",
-    "qs": "^6.10.3",
-    "vue": "^3.2.31",
-    "vue-i18n": "^9.2.0",
-    "vue-router": "^4.0.12"
+    "@radix-icons/vue": "^1.0.0",
+    "axios": "^1.7.4",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "pinia": "^2.2.1",
+    "qs": "^6.13.0",
+    "radix-vue": "^1.9.4",
+    "tailwind-merge": "^2.5.2",
+    "tailwindcss-animate": "^1.0.7",
+    "vue": "^3.4.37",
+    "vue-i18n": "^9.13.1",
+    "vue-router": "^4.4.3"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.22",
-    "@intlify/vite-plugin-vue-i18n": "^3.3.1",
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^16.11.25",
-    "@types/qs": "^6.9.7",
-    "@vitejs/plugin-vue": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.0.0",
+    "@iconify/json": "^2.2.237",
+    "@intlify/unplugin-vue-i18n": "^4.0.0",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@types/jsdom": "^16.2.15",
+    "@types/node": "^16.18.105",
+    "@types/qs": "^6.9.15",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vue/eslint-config-prettier": "^7.1.0",
     "@vue/eslint-config-typescript": "^10.0.0",
-    "@vue/test-utils": "^2.0.0-rc.18",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.1.3",
-    "@vueuse/core": "^8.2.0",
-    "eslint": "^8.5.0",
-    "eslint-plugin-vue": "^8.2.0",
+    "@vueuse/core": "^10.11.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^8.7.1",
     "jsdom": "^19.0.0",
-    "prettier": "^2.5.1",
-    "typescript": "~4.5.5",
-    "unplugin-icons": "^0.14.1",
-    "unplugin-vue-components": "^0.18.5",
-    "vite": "^3.0.4",
-    "vite-plugin-windicss": "^1.8.3",
-    "vitest": "^0.5.0",
-    "vue-tsc": "^0.31.4",
-    "windicss": "^3.5.1"
+    "prettier": "^2.8.8",
+    "tailwindcss": "^3.4.10",
+    "typescript": "^5.5.4",
+    "unplugin-icons": "^0.19.2",
+    "unplugin-vue-components": "^0.27.4",
+    "vite": "^5.4.0",
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.0.29"
   }
 }