fix: v-confetti directive and add new packages to nuxt.config.ts

oku-ui · Jan 17, 2024 · 954865f · 954865f
1 parent 60df021
commit 954865f
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 7 deletions.
diff --git a/packages/nuxt/playground/app.vue b/packages/nuxt/playground/app.vue
@@ -17,8 +17,6 @@ const isDark = computed({
 </script>
 
 <template>
-  <div v-confetti="{ particleCount: 200, force: 0.3 }" />
-
   <Body class="h-full" />
   <Html class="h-full" />
   <Notivue
@@ -31,6 +29,8 @@ const isDark = computed({
   </Notivue>
 
   <div class="h-full">
+    <div v-confetti="{ particleCount: 200, force: 0.3 }" />
+
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>

diff --git a/packages/nuxt/playground/nuxt.config.ts b/packages/nuxt/playground/nuxt.config.ts
@@ -63,6 +63,15 @@ export default defineNuxtConfig({
         box: {
           packages: {
             neoconfetti: true,
+            colorMode: true,
+            i18n: true,
+            tailwindcss: true,
+            vueUse: true,
+            veeValidate: true,
+            notivue: true,
+            nuxtIcon: true,
+            pinia: true,
+            zod: true,
           },
         },
       },

diff --git a/packages/nuxt/playground/server/api/auth/signup.post.ts b/packages/nuxt/playground/server/api/auth/signup.post.ts
@@ -1,5 +1,5 @@
 // import { PostgresError } from 'postgres'
-import { auth } from '#pergel/test/lucia'
+import { auth } from '#test/lucia'
 
 export default eventHandler(async (event) => {
   const db = await pergelTest().drizzle().postgresjs().connect({})

diff --git a/packages/nuxt/playground/server/middleware/auth.ts b/packages/nuxt/playground/server/middleware/auth.ts
@@ -1,4 +1,4 @@
-import { auth } from '#pergel/test/lucia'
+import { auth } from '#test/lucia'
 
 export default pergelTest().lucia().definePergelNitroMiddleware({
   lucia: auth,

diff --git a/packages/nuxt/playground/server/plugins/graphqlv1.ts b/packages/nuxt/playground/server/plugins/graphqlv1.ts
@@ -1,6 +1,6 @@
 import { createSchema } from 'graphql-yoga'
-import type { Resolvers } from 'pergel/test/graphqlYoga/server'
-import { schema } from 'pergel/test/graphqlYoga/schema'
+import type { Resolvers } from '#test/graphqlYoga/server'
+import { schema } from '#test/graphqlYoga/schema'
 
 const resolvers: Resolvers = {
   Query: {

diff --git a/packages/nuxt/src/runtime/modules/box/plugins/neoconfetti.ts b/packages/nuxt/src/runtime/modules/box/plugins/neoconfetti.ts
@@ -3,5 +3,5 @@ import { defineNuxtPlugin } from '#imports'
 
 export default defineNuxtPlugin((app) => {
   // Register the directive
-  app.vueApp.directive('v-confetti', vConfetti)
+  app.vueApp.directive('confetti', vConfetti)
 })