左侧导航栏修复正常

app/components/ContentDirectory.vue

@@ -1,12 +1,28 @@
 <template>
   <div>    
-      <UContentNavigation 
-        :navigation="directoryNavigation" 
-        highlight 
-        
-        color="primary"
-        variant="pill"
-      />
+    <UContentNavigation 
+      :navigation="directoryNavigation" 
+      highlight 
+      color="primary"
+      variant="pill"
+      :ui="{
+        root: '',
+        content: 'data-[state=open]:animate-[accordion-down_200ms_ease-out] data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none',
+        list: 'isolate -mx-2.5 -mt-1.5',
+        item: '',
+        listWithChildren: 'ms-5 border-s border-default',
+        itemWithChildren: 'flex flex-col data-[state=open]:mb-1.5',
+        trigger: 'font-semibold',
+        link: 'group relative w-full px-2.5 py-1.5 before:inset-y-px before:inset-x-0 flex items-center gap-1.5 text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2',
+        linkLeadingIcon: 'shrink-0 size-5',
+        linkTrailing: 'ms-auto inline-flex gap-1.5 items-center',
+        linkTrailingBadge: 'shrink-0',
+        linkTrailingBadgeSize: 'sm',
+        linkTrailingIcon: 'size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180',
+        linkTitle: 'truncate',
+        linkTitleExternalIcon: 'size-3 align-top text-dimmed'
+      }"
+    />
   </div>
 </template>