feat: add shadcn vue support for auth ui

Author: xiaoluoboding

.gitignore

@@ -10,7 +10,6 @@ lerna-debug.log*
 node_modules
 dist
 lib
-!src/lib
 dist-ssr
 *.local
 

.prettierrc

@@ -4,5 +4,6 @@
   "singleQuote": true,
   "semi": false,
   "trailingComma": "none",
-  "printWidth": 80
+  "printWidth": 80,
+  "htmlWhitespaceSensitivity": "strict"
 }

CHANGELOG.md

@@ -1,130 +1,88 @@
 ## [0.3.8](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.7...v0.3.8) (2024-10-23)
 
-
-
 ## [0.3.7](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.6...v0.3.7) (2024-05-02)
 
-
 ### Features
 
-* add anonymous sign-ins ([6bbe538](https://github.com/supa-kit/auth-ui-vue/commit/6bbe538012761072e02733e9e192b1cb0b330e38))
-
-
+- add anonymous sign-ins ([6bbe538](https://github.com/supa-kit/auth-ui-vue/commit/6bbe538012761072e02733e9e192b1cb0b330e38))
 
 ## [0.3.6](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.5...v0.3.6) (2023-12-26)
 
-
 ### Bug Fixes
 
-* fixed [#10](https://github.com/supa-kit/auth-ui-vue/issues/10) ([8be7e03](https://github.com/supa-kit/auth-ui-vue/commit/8be7e03f0f68414fc4ed3df6d6a1e0ce12f4f0b3))
-* fixed the build ([9ecd55c](https://github.com/supa-kit/auth-ui-vue/commit/9ecd55caf04e86870ba47596ba020b56bc67c7ec))
-
-
+- fixed [#10](https://github.com/supa-kit/auth-ui-vue/issues/10) ([8be7e03](https://github.com/supa-kit/auth-ui-vue/commit/8be7e03f0f68414fc4ed3df6d6a1e0ce12f4f0b3))
+- fixed the build ([9ecd55c](https://github.com/supa-kit/auth-ui-vue/commit/9ecd55caf04e86870ba47596ba020b56bc67c7ec))
 
 ## [0.3.5](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.4...v0.3.5) (2023-12-04)
 
-
 ### Features
 
-* make the auth view reactivity ([d8b4d84](https://github.com/supa-kit/auth-ui-vue/commit/d8b4d8476a0e34db00546e3ddd2f38469b1ba367))
-
-
+- make the auth view reactivity ([d8b4d84](https://github.com/supa-kit/auth-ui-vue/commit/d8b4d8476a0e34db00546e3ddd2f38469b1ba367))
 
 ## [0.3.4](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.3...v0.3.4) (2023-11-27)
 
-
 ### Features
 
-* add providers ([8057b0f](https://github.com/supa-kit/auth-ui-vue/commit/8057b0ffaff3c9aafa7a38dedd289a50aeb94ced))
-
-
+- add providers ([8057b0f](https://github.com/supa-kit/auth-ui-vue/commit/8057b0ffaff3c9aafa7a38dedd289a50aeb94ced))
 
 ## [0.3.3](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.2...v0.3.3) (2023-08-16)
 
-
 ### Bug Fixes
 
-* fixed the sign in error message bug ([124b221](https://github.com/supa-kit/auth-ui-vue/commit/124b221ea9a1bd7e693c275b38349da7d1b87ceb))
-
+- fixed the sign in error message bug ([124b221](https://github.com/supa-kit/auth-ui-vue/commit/124b221ea9a1bd7e693c275b38349da7d1b87ceb))
 
 ### Features
 
-* receive a new user state every time an auth event happens ([a297c62](https://github.com/supa-kit/auth-ui-vue/commit/a297c620f4120ae99052212178cda6e9cc8098d7))
-
-
+- receive a new user state every time an auth event happens ([a297c62](https://github.com/supa-kit/auth-ui-vue/commit/a297c620f4120ae99052212178cda6e9cc8098d7))
 
 ## [0.3.2](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.1...v0.3.2) (2023-08-15)
 
-
 ### Bug Fixes
 
-* fixed the type ([36a4356](https://github.com/supa-kit/auth-ui-vue/commit/36a43562f52a41578c6883fc73fd63fd446fb27f))
-
-
+- fixed the type ([36a4356](https://github.com/supa-kit/auth-ui-vue/commit/36a43562f52a41578c6883fc73fd63fd446fb27f))
 
 ## [0.3.1](https://github.com/supa-kit/auth-ui-vue/compare/v0.3.0...v0.3.1) (2023-08-15)
 
-
 ### Features
 
-* export more components and helpers ([20cade3](https://github.com/supa-kit/auth-ui-vue/commit/20cade3c101bb62ceafa1c8c2442188d3d374e02))
-
-
+- export more components and helpers ([20cade3](https://github.com/supa-kit/auth-ui-vue/commit/20cade3c101bb62ceafa1c8c2442188d3d374e02))
 
 # [0.3.0](https://github.com/supa-kit/auth-ui-vue/compare/v0.2.0...v0.3.0) (2023-08-13)
 
-
 ### Bug Fixes
 
-* fix loading locales ([2233a33](https://github.com/supa-kit/auth-ui-vue/commit/2233a336bb9ba9cb9cf8cb318c9c9b127941ee38))
-* fixed the types bug ([0c0a3b3](https://github.com/supa-kit/auth-ui-vue/commit/0c0a3b368f571a6e99ad007c8ae08c23c5fd1132))
-
+- fix loading locales ([2233a33](https://github.com/supa-kit/auth-ui-vue/commit/2233a336bb9ba9cb9cf8cb318c9c9b127941ee38))
+- fixed the types bug ([0c0a3b3](https://github.com/supa-kit/auth-ui-vue/commit/0c0a3b368f571a6e99ad007c8ae08c23c5fd1132))
 
 ### Features
 
-* add i18n support ([0d8c5b8](https://github.com/supa-kit/auth-ui-vue/commit/0d8c5b8587743e9855d5e45dc4939305352a5def))
-
-
+- add i18n support ([0d8c5b8](https://github.com/supa-kit/auth-ui-vue/commit/0d8c5b8587743e9855d5e45dc4939305352a5def))
 
 # [0.2.0](https://github.com/supa-kit/auth-ui-vue/compare/v0.1.0...v0.2.0) (2023-08-13)
 
-
 ### Bug Fixes
 
-* fixed the type error ([d126850](https://github.com/supa-kit/auth-ui-vue/commit/d12685060f3d52b727be482b13284d8e1b6eb659))
-
+- fixed the type error ([d126850](https://github.com/supa-kit/auth-ui-vue/commit/d12685060f3d52b727be482b13284d8e1b6eb659))
 
 ### Features
 
-* add the darkmode support ([6c46385](https://github.com/supa-kit/auth-ui-vue/commit/6c46385d5e2a5fb9b2274e4b6b7f1692e30dfefd))
-* add vue dev tools ([8efeace](https://github.com/supa-kit/auth-ui-vue/commit/8efeace23d3f6e20401e1149e88d494b1c2813f6))
-
-
+- add the darkmode support ([6c46385](https://github.com/supa-kit/auth-ui-vue/commit/6c46385d5e2a5fb9b2274e4b6b7f1692e30dfefd))
+- add vue dev tools ([8efeace](https://github.com/supa-kit/auth-ui-vue/commit/8efeace23d3f6e20401e1149e88d494b1c2813f6))
 
 # [0.1.0](https://github.com/supa-kit/auth-ui-vue/compare/v0.0.2...v0.1.0) (2023-08-09)
 
-
 ### Features
 
-* add user context provider & use users hooks ([d164ec1](https://github.com/supa-kit/auth-ui-vue/commit/d164ec12385d5085012a82ea4facd5fd97e4f689))
-
-
+- add user context provider & use users hooks ([d164ec1](https://github.com/supa-kit/auth-ui-vue/commit/d164ec12385d5085012a82ea4facd5fd97e4f689))
 
 ## [0.0.2](https://github.com/supa-kit/auth-ui-vue/compare/v0.0.1...v0.0.2) (2023-08-08)
 
-
 ### Bug Fixes
 
-* fixed the console ([971f5df](https://github.com/supa-kit/auth-ui-vue/commit/971f5df946e5d7ddd62d63eba9a1e2c497a59db8))
-
-
+- fixed the console ([971f5df](https://github.com/supa-kit/auth-ui-vue/commit/971f5df946e5d7ddd62d63eba9a1e2c497a59db8))
 
 ## [0.0.1](https://github.com/supa-kit/auth-ui-vue/compare/11eadb71b9eb2256a5cec7c215746536ee1a0f71...v0.0.1) (2023-08-08)
 
-
 ### Features
 
-* improve the code ([11eadb7](https://github.com/supa-kit/auth-ui-vue/commit/11eadb71b9eb2256a5cec7c215746536ee1a0f71))
-
-
-
+- improve the code ([11eadb7](https://github.com/supa-kit/auth-ui-vue/commit/11eadb71b9eb2256a5cec7c215746536ee1a0f71))

components.d.ts

@@ -7,20 +7,24 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    Anchor: typeof import('./src/components/ui/anchor/Anchor.vue')['default']
     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']
+    Input: typeof import('./src/components/ui/input/Input.vue')['default']
+    Label: typeof import('./src/components/ui/label/Label.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']
+    Separator: typeof import('./src/components/ui/separator/Separator.vue')['default']
     ToggleButton: typeof import('./src/components/ToggleButton.vue')['default']
   }
 }

components.json

@@ -5,14 +5,14 @@
   "tsConfigPath": "./tsconfig.json",
   "tailwind": {
     "config": "tailwind.config.ts",
-    "css": "src/assets/index.css",
+    "css": "~/global.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""
   },
   "framework": "vite",
   "aliases": {
     "components": "~/components",
-    "utils": "~/lib/utils"
+    "utils": "~/lib"
   }
 }

packages/auth/AnonymousAuth.vue

@@ -10,7 +10,7 @@
     <Container direction="vertical" gap="large" :appearance="appearance">
       <Button
         type="submit"
-        color="primary"
+        variant="brand"
         :loading="isLoading"
         :appearance="appearance"
       >

packages/auth/Auth.vue

@@ -77,6 +77,8 @@ import { I18nVariables, en, merge } from '@supabase/auth-ui-shared'
 import { createStitches } from '@stitches/core'
 import cloneDeep from 'lodash.clonedeep'
 
+import '../ui/index.css'
+
 import { AuthProps, AuthViewKey, AuthViewType } from '../types'
 import SocialAuthContainer from './SocialAuthContainer.vue'
 import EmailAuth from './EmailAuth.vue'

packages/auth/EmailAuth.vue

@@ -43,7 +43,7 @@
 
       <Button
         type="submit"
-        color="primary"
+        variant="brand"
         :loading="isLoading"
         :appearance="appearance"
       >

packages/auth/ForgottenPassword.vue

@@ -26,7 +26,7 @@
 
       <Button
         type="submit"
-        color="primary"
+        variant="brand"
         :loading="isLoading"
         :appearance="appearance"
       >

packages/auth/MagicLink.vue

@@ -28,7 +28,7 @@
 
       <Button
         type="submit"
-        color="primary"
+        variant="brand"
         :loading="isLoading"
         :appearance="appearance"
       >