docs(@vuetify/one): implement new auth btn

packages/docs/auto-imports.d.ts

@@ -81,6 +81,7 @@ declare global {
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
   const useRtl: typeof import('vuetify')['useRtl']
+  const useSettingsStore: typeof import('@vuetify/one')['useSettingsStore']
   const useShopifyStore: typeof import('./src/stores/shopify')['useShopifyStore']
   const useSponsorsStore: typeof import('./src/stores/sponsors')['useSponsorsStore']
   const useSpotStore: typeof import('./src/stores/spot')['useSpotStore']
@@ -170,6 +171,7 @@ declare module 'vue' {
     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
     readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
     readonly useRtl: UnwrapRef<typeof import('vuetify')['useRtl']>
+    readonly useSettingsStore: UnwrapRef<typeof import('@vuetify/one')['useSettingsStore']>
     readonly useShopifyStore: UnwrapRef<typeof import('./src/stores/shopify')['useShopifyStore']>
     readonly useSponsorsStore: UnwrapRef<typeof import('./src/stores/sponsors')['useSponsorsStore']>
     readonly useSpotStore: UnwrapRef<typeof import('./src/stores/spot')['useSpotStore']>
@@ -258,6 +260,7 @@ declare module '@vue/runtime-core' {
     readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
     readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
     readonly useRtl: UnwrapRef<typeof import('vuetify')['useRtl']>
+    readonly useSettingsStore: UnwrapRef<typeof import('@vuetify/one')['useSettingsStore']>
     readonly useShopifyStore: UnwrapRef<typeof import('./src/stores/shopify')['useShopifyStore']>
     readonly useSponsorsStore: UnwrapRef<typeof import('./src/stores/sponsors')['useSponsorsStore']>
     readonly useSpotStore: UnwrapRef<typeof import('./src/stores/spot')['useSpotStore']>

packages/docs/components.d.ts

@@ -24,7 +24,6 @@ declare module 'vue' {
     ApiSlotsTable: typeof import('./src/components/api/SlotsTable.vue')['default']
     AppBackToTop: typeof import('./src/components/app/BackToTop.vue')['default']
     AppBanner: typeof import('./src/components/app/Banner.vue')['default']
-    AppBarAuthDialog: typeof import('./src/components/app/bar/AuthDialog.vue')['default']
     AppBarBar: typeof import('./src/components/app/bar/Bar.vue')['default']
     AppBarEcosystemMenu: typeof import('./src/components/app/bar/EcosystemMenu.vue')['default']
     AppBarEnterpriseLink: typeof import('./src/components/app/bar/EnterpriseLink.vue')['default']
@@ -77,7 +76,6 @@ declare module 'vue' {
     AppSettingsOptionsQuickbarOption: typeof import('./src/components/app/settings/options/QuickbarOption.vue')['default']
     AppSettingsOptionsRailDrawerOption: typeof import('./src/components/app/settings/options/RailDrawerOption.vue')['default']
     AppSettingsOptionsSlashSearchOption: typeof import('./src/components/app/settings/options/SlashSearchOption.vue')['default']
-    AppSettingsOptionsSyncOption: typeof import('./src/components/app/settings/options/SyncOption.vue')['default']
     AppSettingsOptionsThemeOption: typeof import('./src/components/app/settings/options/ThemeOption.vue')['default']
     AppSettingsPerksOptions: typeof import('./src/components/app/settings/PerksOptions.vue')['default']
     AppSettingsSettingsHeader: typeof import('./src/components/app/settings/SettingsHeader.vue')['default']
@@ -148,16 +146,10 @@ declare module 'vue' {
     SponsorCard: typeof import('./src/components/sponsor/Card.vue')['default']
     SponsorLink: typeof import('./src/components/sponsor/Link.vue')['default']
     SponsorSponsors: typeof import('./src/components/sponsor/Sponsors.vue')['default']
-    UserAccountConnectedAccounts: typeof import('./src/components/user/account/ConnectedAccounts.vue')['default']
-    UserAccountOneSubscription: typeof import('./src/components/user/account/OneSubscription.vue')['default']
     UserBadgesUserAdminBadge: typeof import('./src/components/user/badges/UserAdminBadge.vue')['default']
     UserBadgesUserOneBadge: typeof import('./src/components/user/badges/UserOneBadge.vue')['default']
     UserBadgesUserSponsorBadge: typeof import('./src/components/user/badges/UserSponsorBadge.vue')['default']
-    UserDiscordLogin: typeof import('./src/components/user/DiscordLogin.vue')['default']
-    UserGithubLogin: typeof import('./src/components/user/GithubLogin.vue')['default']
     UserOneSubCard: typeof import('./src/components/user/OneSubCard.vue')['default']
-    UserUserBadges: typeof import('./src/components/user/UserBadges.vue')['default']
-    UserUserProfile: typeof import('./src/components/user/UserProfile.vue')['default']
     UserUserTabs: typeof import('./src/components/user/UserTabs.vue')['default']
   }
 }

packages/docs/package.json

@@ -23,7 +23,7 @@
     "@cosmicjs/sdk": "^1.0.11",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vuetify/one": "^0.6.3",
+    "@vuetify/one": "^1.0.7",
     "algoliasearch": "^4.20.0",
     "fflate": "^0.8.1",
     "isomorphic-fetch": "^3.0.0",

packages/docs/src/components/app/bar/Bar.vue

@@ -1,7 +1,7 @@
 <template>
   <v-app-bar
     id="app-bar"
-    :image="image"
+    :image="settings.suit['app-bar']"
     border="b"
     flat
   >
@@ -32,37 +32,26 @@
         <app-bar-enterprise-link />
       </template>
 
-      <template v-if="!user.quickbar">
-        <app-vertical-divider v-if="smAndUp" class="ms-3 me-2" />
+      <app-vertical-divider v-if="smAndUp" class="ms-3 me-2" />
 
-        <app-bar-store-link v-if="smAndUp" />
+      <app-bar-store-link v-if="smAndUp" />
 
-        <app-bar-jobs-link v-if="smAndUp" />
+      <app-bar-jobs-link v-if="smAndUp" />
 
-        <app-bar-notifications-menu />
+      <app-bar-language-menu v-if="smAndUp" />
 
-        <app-bar-language-menu v-if="smAndUp" />
-
-        <app-bar-settings-toggle />
-      </template>
+      <app-bar-settings-toggle />
 
       <app-vertical-divider v-if="lgAndUp" class="ms-2 me-3" />
 
-      <vo-auth-dialog />
+      <VoAuthBtn />
     </template>
   </v-app-bar>
 </template>
 
 <script setup>
   const app = useAppStore()
-  const user = useUserStore()
   const { smAndUp, mdAndUp, lgAndUp, mdAndDown } = useDisplay()
   const route = useRoute()
-  const theme = useTheme()
-
-  const image = computed(() => {
-    if (['dark', 'light'].includes(theme.name.value)) return undefined
-
-    return `https://cdn.vuetifyjs.com/docs/images/themes/${theme.name.value}-app-bar.png`
-  })
+  const settings = useSettingsStore()
 </script>

packages/docs/src/components/app/drawer/Drawer.vue

@@ -3,7 +3,7 @@
     id="app-drawer"
     v-model="app.drawer"
     :expand-on-hover="railEnabled"
-    :image="image"
+    :image="settings.suit['drawer']"
     :order="mobile ? -1 : undefined"
     :rail="railEnabled"
     width="300"
@@ -33,10 +33,10 @@
 
   const app = useAppStore()
   const pins = usePinsStore()
+  const settings = useSettingsStore()
   const user = useUserStore()
 
   const { mobile } = useDisplay()
-  const theme = useTheme()
 
   const rail = ref(user.railDrawer)
   const _opened = ref([])
@@ -63,12 +63,6 @@
     }
   })
 
-  const image = computed(() => {
-    if (['dark', 'light'].includes(theme.name.value)) return undefined
-
-    return `https://cdn.vuetifyjs.com/docs/images/themes/${theme.name.value}-app-drawer.png`
-  })
-
   watch(railEnabled, val => {
     rail.value = val
   })

packages/docs/src/components/app/settings/Options.vue

@@ -19,7 +19,5 @@
     <AppSettingsOptionsApiOption />
 
     <AppSettingsOptionsSlashSearchOption />
-
-    <AppSettingsOptionsSyncOption />
   </div>
 </template>