From 40481c91e8c8dd14afc1bd6496191723573b83f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Fri, 30 Dec 2022 04:01:31 +0800
Subject: [PATCH] feat(command): add description for settings items

---
 components/settings/SettingsNavItem.vue |  6 +++++-
 pages/settings/profile/index.vue        | 14 ++++----------
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/components/settings/SettingsNavItem.vue b/components/settings/SettingsNavItem.vue
index 9189db80..bc732374 100644
--- a/components/settings/SettingsNavItem.vue
+++ b/components/settings/SettingsNavItem.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 const props = defineProps<{
   text?: string
+  description?: string
   icon?: string
   to: string | Record<string, string>
   command?: boolean
@@ -12,6 +13,7 @@ useCommand({
   scope: 'Settings',
 
   name: () => props.text ?? (typeof props.to === 'string' ? props.to as string : props.to.name),
+  description: () => props.description,
   icon: () => props.icon || '',
   visible: () => props.command,
 
@@ -49,7 +51,9 @@ useCommand({
             </slot>
           </p>
           <p v-if="$slots.description" text-sm text-secondary>
-            <slot name="description" />
+            <slot name="description">
+              {{ description }}
+            </slot>
           </p>
         </div>
       </div>
diff --git a/pages/settings/profile/index.vue b/pages/settings/profile/index.vue
index 0e83ac24..fda83e64 100644
--- a/pages/settings/profile/index.vue
+++ b/pages/settings/profile/index.vue
@@ -10,21 +10,15 @@
       command
       icon="i-ri:user-settings-line"
       :text="$t('settings.profile.appearance.label')"
+      :description="$t('settings.profile.appearance.description')"
       to="/settings/profile/appearance"
-    >
-      <template #description>
-        {{ $t('settings.profile.appearance.description') }}
-      </template>
-    </SettingsNavItem>
+    />
     <SettingsNavItem
       command
       icon="i-ri:hashtag"
       :text="$t('settings.profile.featured_tags.label')"
+      :description="$t('settings.profile.featured_tags.description')"
       to="/settings/profile/featured-tags"
-    >
-      <template #description>
-        {{ $t('settings.profile.featured_tags.description') }}
-      </template>
-    </SettingsNavItem>
+    />
   </MainContent>
 </template>