flx: code highlight divider line background transition effect

src/views/about/index.vue

@@ -291,7 +291,7 @@ onMounted(async () => {
             </NScrollbar>
           </template>
           <template #resize-trigger>
-            <div class="h-px w-full cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+            <div class="h-px w-full cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
           </template>
         </NSplit>
       </NCard>

src/views/data-show/data-form/index.vue

@@ -527,12 +527,12 @@ watch(
               </NScrollbar>
             </template>
             <template #resize-trigger>
-              <div class="h-px w-full cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+              <div class="h-px w-full cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
             </template>
           </NSplit>
         </template>
         <template #resize-trigger>
-          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
         </template>
       </NSplit>
     </NCard>

src/views/drag-drop/index.vue

@@ -153,7 +153,7 @@ watch(
           </NScrollbar>
         </template>
         <template #resize-trigger>
-          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
         </template>
       </NSplit>
     </NCard>
@@ -198,7 +198,7 @@ watch(
           </NScrollbar>
         </template>
         <template #resize-trigger>
-          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
         </template>
       </NSplit>
     </NCard>
@@ -274,7 +274,7 @@ watch(
           </NScrollbar>
         </template>
         <template #resize-trigger>
-          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700"></div>
+          <div class="h-full w-px cursor-col-resize bg-neutral-200 dark:bg-neutral-700 transition-[background-color]"></div>
         </template>
       </NSplit>
     </NCard>