docs(app): update module & framework select

hacknug · Dec 5, 2024 · 6f1f9f4 · 6f1f9f4
1 parent 46f4e5a
commit 6f1f9f4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/docs/app/components/FrameworkSelect.vue b/docs/app/components/FrameworkSelect.vue
@@ -14,7 +14,10 @@ onMounted(() => {
     :items="frameworks"
     :content="false"
     color="neutral"
-    :ui="{ leadingIcon: 'group-data-[state=inactive]:grayscale' }"
+    :ui="{
+      indicator: 'bg-[var(--ui-bg)]',
+      trigger: 'px-1 data-[state=active]:text-[var(--ui-text-highlighted)]'
+    }"
     @update:model-value="(framework = $event as string)"
   />
 </template>
diff --git a/docs/app/components/ModuleSelect.vue b/docs/app/components/ModuleSelect.vue
@@ -14,7 +14,7 @@ onMounted(() => {
     :items="modules"
     :content="false"
     color="neutral"
-    :ui="{ trigger: 'px-1' }"
+    :ui="{ indicator: 'bg-[var(--ui-bg)]', trigger: 'px-1 data-[state=active]:text-[var(--ui-text-highlighted)]' }"
     @update:model-value="(module = $event as string)"
   />
 </template>
diff --git a/docs/app/composables/useSharedData.ts b/docs/app/composables/useSharedData.ts
@@ -2,12 +2,12 @@ export function useSharedData() {
   const framework = useCookie('nuxt-ui-framework', { default: () => 'nuxt' })
   const frameworks = computed(() => [{
     label: 'Nuxt',
-    icon: 'i-logos-nuxt-icon',
+    icon: 'i-simple-icons-nuxtdotjs',
     value: 'nuxt',
     onSelect: () => framework.value = 'nuxt'
   }, {
     label: 'Vue',
-    icon: 'i-logos-vue',
+    icon: 'i-simple-icons-vuedotjs',
     value: 'vue',
     disabled: module.value === 'ui-pro',
     onSelect: () => framework.value = 'vue'