@xenterprises/nuxt-x-marketing 1.0.0 → 1.0.2

package/.claude/settings.local.json

@@ -16,7 +16,8 @@
       "Bash({} ;)",
       "mcp__plugin_context7_context7__resolve-library-id",
       "mcp__plugin_context7_context7__query-docs",
-      "Bash(git reset:*)"
+      "Bash(git reset:*)",
+      "Bash(python3:*)"
     ]
   }
 }

package/.playground/app.vue

@@ -1,4 +1,5 @@
 <template>
+  <UApp>
   <div class="min-h-screen bg-neutral-50 dark:bg-neutral-950">
     <!-- Sidebar Navigation -->
     <aside class="fixed top-0 left-0 w-64 h-screen bg-white dark:bg-neutral-900 border-r border-neutral-200 dark:border-neutral-800 overflow-y-auto z-50">
@@ -16,8 +17,16 @@
           @click="toggleDarkMode"
           class="flex items-center gap-2 px-3 py-2 w-full rounded-lg text-sm text-neutral-600 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 transition-colors"
         >
-          <UIcon :name="isDark ? 'i-lucide-sun' : 'i-lucide-moon'" class="w-4 h-4" />
-          <span>{{ isDark ? 'Light Mode' : 'Dark Mode' }}</span>
+          <ClientOnly>
+            <UIcon :name="isDark ? 'i-lucide-sun' : 'i-lucide-moon'" class="w-4 h-4" />
+            <template #fallback>
+              <UIcon name="i-lucide-moon" class="w-4 h-4" />
+            </template>
+          </ClientOnly>
+          <ClientOnly>
+            <span>{{ isDark ? 'Light Mode' : 'Dark Mode' }}</span>
+            <template #fallback><span>Dark Mode</span></template>
+          </ClientOnly>
         </button>
       </div>
 
@@ -189,11 +198,8 @@
     <main class="ml-64">
       <NuxtPage />
     </main>
-
-    <!-- Nuxt UI Providers for modals and toasts -->
-    <UModals />
-    <UToaster />
   </div>
+  </UApp>
 </template>
 
 <script setup>