chore: update package & using shadcn-vue as ui components

Author: xiaoluoboding

components.d.ts

@@ -7,10 +7,20 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    Button: typeof import('./src/components/ui/button/Button.vue')['default']
+    'Carbon:cafe': typeof import('~icons/carbon/cafe')['default']
+    'Carbon:logoTwitter': typeof import('~icons/carbon/logo-twitter')['default']
     Footer: typeof import('./src/components/Footer.vue')['default']
     Hero: typeof import('./src/components/Hero.vue')['default']
     IconMenu: typeof import('./src/components/IconMenu.vue')['default']
     IconPalette: typeof import('./src/components/IconPalette.vue')['default']
+    'Logos:nuxtIcon': typeof import('~icons/logos/nuxt-icon')['default']
+    'Logos:vue': typeof import('~icons/logos/vue')['default']
+    'Mdi:heart': typeof import('~icons/mdi/heart')['default']
+    'Ri:githubFill': typeof import('~icons/ri/github-fill')['default']
+    'Ri:moonLine': typeof import('~icons/ri/moon-line')['default']
+    'Ri:sunLine': typeof import('~icons/ri/sun-line')['default']
+    'Ri:translate2': typeof import('~icons/ri/translate2')['default']
     ToggleButton: typeof import('./src/components/ToggleButton.vue')['default']
   }
 }

components.json

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supa-kit/auth-ui-vue",
-  "version": "0.3.8",
+  "version": "0.4.0",
   "type": "module",
   "author": "xiaoluoboding <[email protected]>",
   "scripts": {
@@ -47,29 +47,37 @@
     "@supabase/supabase-js": "^2.42.7"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.104",
-    "@intlify/unplugin-vue-i18n": "^0.12.2",
+    "@iconify/json": "^2.2.263",
+    "@intlify/unplugin-vue-i18n": "^0.12.3",
     "@stitches/core": "^1.2.8",
     "@supabase/auth-ui-shared": "^0.1.8",
-    "@supabase/supabase-js": "^2.42.7",
-    "@types/lodash.clonedeep": "^4.5.7",
-    "@types/node": "^18.7.14",
-    "@unocss/reset": "^0.45.18",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vueuse/core": "^10.7.0",
+    "@supabase/supabase-js": "^2.45.6",
+    "@types/lodash.clonedeep": "^4.5.9",
+    "@types/node": "^18.19.59",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vueuse/core": "^10.11.1",
     "@vueuse/head": "^2.0.0",
-    "highlight.js": "^11.6.0",
+    "autoprefixer": "^10.4.20",
+    "highlight.js": "^11.10.0",
     "lodash.clonedeep": "^4.5.0",
-    "typescript": "^4.6.4",
-    "unocss": "^0.55.0",
-    "unplugin-icons": "^0.14.9",
-    "unplugin-vue-components": "^0.22.4",
-    "vite": "^4.4.9",
-    "vite-plugin-dts": "^3.5.1",
-    "vite-plugin-lib-inject-css": "^1.2.0",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^4.9.5",
+    "unplugin-icons": "^0.14.15",
+    "unplugin-vue-components": "^0.22.12",
+    "vite": "^4.5.5",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^1.3.0",
     "vite-plugin-vue-devtools": "1.0.0-rc.0",
-    "vue": "^3.3.4",
-    "vue-i18n": "9",
-    "vue-tsc": "^1.8.6"
+    "vue": "^3.5.12",
+    "vue-i18n": "^9.14.1",
+    "vue-tsc": "^1.8.27"
+  },
+  "dependencies": {
+    "@radix-icons/vue": "^1.0.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
+    "radix-vue": "^1.9.7",
+    "tailwind-merge": "^2.5.4",
+    "tailwindcss-animate": "^1.0.7"
   }
 }