From bab8dec48914f657eb733324a6789fc01745fff4 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Sun, 18 May 2025 21:52:02 +0800
Subject: [PATCH] style(vue): improve motion animation formatting

Enhances code readability and maintainability by:
- Breaking v-motion directive into separate line
- Reordering motion module in Nuxt config for better dependency loading

This change maintains the same functionality while improving code organization
and module initialization order.
---
 app/components/spark-ui/AnimatedList.vue | 3 ++-
 nuxt.config.ts                           | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/components/spark-ui/AnimatedList.vue b/app/components/spark-ui/AnimatedList.vue
index 8eb3d32..c90f1a9 100644
--- a/app/components/spark-ui/AnimatedList.vue
+++ b/app/components/spark-ui/AnimatedList.vue
@@ -83,7 +83,8 @@ onMounted(() => loadComponents())
       <div
         v-for="(item, idx) in itemsToShow"
         :key="item.props.key"
-        v-motion :initial="getInitial(idx)" :enter="getEnter(idx)" :leave="getLeave()"
+        v-motion
+        :initial="getInitial(idx)" :enter="getEnter(idx)" :leave="getLeave()"
         :class="cn('mx-auto w-full')"
       >
         <component :is="item" />
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 5f9c922..2a8f3d5 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -6,9 +6,9 @@ export default defineNuxtConfig({
   modules: [
     '@nuxthub/core',
     'shadcn-nuxt',
+    '@vueuse/motion/nuxt',
     '@nuxt/eslint',
     '@nuxtjs/tailwindcss',
-    '@vueuse/motion/nuxt',
     '@nuxtjs/color-mode',
     '@nuxtjs/i18n',
   ],