feat: add dashboard page

packages/business/widgets/src/preferences/blocks/layout/breadcrumb.vue

@@ -22,7 +22,7 @@ const breadcrumbHideOnlyOne = defineModel<boolean>('breadcrumbHideOnlyOne');
 
 const typeItems: SelectListItem[] = [
   { label: $t('preferences.normal'), value: 'normal' },
-  { label: $t('preferences.breadcrumb-background'), value: 'background' },
+  { label: $t('preferences.breadcrumb.background'), value: 'background' },
 ];
 
 const disableItem = computed(() => {
@@ -32,22 +32,22 @@ const disableItem = computed(() => {
 
 <template>
   <SwitchItem v-model="breadcrumbEnable" :disabled="disabled">
-    {{ $t('preferences.breadcrumb-enable') }}
+    {{ $t('preferences.breadcrumb.enable') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbHideOnlyOne" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-hide-only-one') }}
+    {{ $t('preferences.breadcrumb.hide-only-one') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbShowHome" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-home') }}
+    {{ $t('preferences.breadcrumb.home') }}
   </SwitchItem>
   <SwitchItem v-model="breadcrumbShowIcon" :disabled="disableItem">
-    {{ $t('preferences.breadcrumb-icon') }}
+    {{ $t('preferences.breadcrumb.icon') }}
   </SwitchItem>
   <ToggleItem
     v-model="breadcrumbStyleType"
     :disabled="disableItem"
     :items="typeItems"
   >
-    {{ $t('preferences.breadcrumb-style') }}
+    {{ $t('preferences.breadcrumb.style') }}
   </ToggleItem>
 </template>

packages/business/widgets/src/preferences/preferences.vue

@@ -180,7 +180,7 @@ function handleReset() {
     <VbenSheet
       v-model:open="openPreferences"
       :description="$t('preferences.subtitle')"
-      :title="$t('preferences.name')"
+      :title="$t('preferences.title')"
     >
       <template #trigger>
         <Trigger />
@@ -210,7 +210,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.animation.name')">
+            <Block :title="$t('preferences.animation.title')">
               <Animation
                 v-model:transition-enable="transitionEnable"
                 v-model:transition-loading="transitionLoading"
@@ -220,7 +220,7 @@ function handleReset() {
             </Block>
           </template>
           <template #appearance>
-            <Block :title="$t('preferences.theme.name')">
+            <Block :title="$t('preferences.theme.title')">
               <Theme
                 v-model="themeMode"
                 v-model:app-semi-dark-menu="appSemiDarkMenu"
@@ -266,7 +266,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.header.name')">
+            <Block :title="$t('preferences.header.title')">
               <Header
                 v-model:headerEnable="headerEnable"
                 v-model:headerMode="headerMode"
@@ -284,7 +284,7 @@ function handleReset() {
               />
             </Block>
 
-            <Block :title="$t('preferences.breadcrumb')">
+            <Block :title="$t('preferences.breadcrumb.title')">
               <Breadcrumb
                 v-model:breadcrumb-enable="breadcrumbEnable"
                 v-model:breadcrumb-hide-only-one="breadcrumbHideOnlyOne"
@@ -303,7 +303,7 @@ function handleReset() {
                 v-model:tabbar-show-icon="tabbarShowIcon"
               />
             </Block>
-            <Block :title="$t('preferences.footer.name')">
+            <Block :title="$t('preferences.footer.title')">
               <Footer
                 v-model:footer-enable="footerEnable"
                 v-model:footer-fixed="footerFixed"

packages/business/widgets/src/preferences/trigger.vue

@@ -11,7 +11,7 @@ defineOptions({
 
 <template>
   <VbenButton
-    :title="$t('preferences.name')"
+    :title="$t('preferences.title')"
     class="bg-primary flex-col-center h-12 w-12 cursor-pointer rounded-l-lg rounded-r-none border-none"
   >
     <IconSetting