动画放全局

components/i/SearchHistory.vue

@@ -37,7 +37,6 @@
     </div>
 </template>
 <script setup>
-import { vAutoAnimate } from '@formkit/auto-animate'
 const emits = defineEmits(['sign', 'clear'])
 const Layout = inject('Layout')
 const modal = useModal()

nuxt.config.ts

@@ -11,7 +11,8 @@ export default defineNuxtConfig({
         '@nuxtjs/mdc',
         '@nuxtjs/device',
         '@vueuse/nuxt',
-        '@pinia/nuxt'
+        '@pinia/nuxt',
+        '@formkit/auto-animate/nuxt'
     ],
     ui: {
         icons: ['simple-icons']

pages/library/index.vue

@@ -4,7 +4,7 @@
         <div class="container max-w-screen-lg flex flex-col p-6">
             <div class="flex gap-10">
                 <div class="flex flex-col flex-grow">
-                    <div class="flex flex-col gap-4">
+                    <div v-auto-animate class="flex flex-col gap-4">
                         <ILibraryThread
                             v-for="item in threads"
                             :item="item"