feat: added confetti (#259)

next-orders · Oct 24, 2024 · 4313234 · 4313234
1 parent bd2ebed
commit 4313234
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 11 deletions.
diff --git a/apps/food/app/pages/welcome/index.vue b/apps/food/app/pages/welcome/index.vue
@@ -1,4 +1,8 @@
 <template>
+  <div class="w-full flex justify-center">
+    <div v-confetti="{ stageHeight: height, stageWidth: width, particleCount: 200, duration: 5000 }" />
+  </div>
+
   <div class="pt-24">
     <h1 class="mb-2 text-3xl font-semibold text-center">
       {{ $t('init.title') }}
@@ -26,10 +30,13 @@
 </template>
 
 <script setup lang="ts">
+import { vConfetti } from '@neoconfetti/vue'
+
 definePageMeta({
   layout: 'welcome',
 })
 
+const { width, height } = useWindowSize()
 const { channel } = await useChannel()
 
 if (channel.value?.id && channel.value?.masterAccountExists) {

diff --git a/apps/food/package.json b/apps/food/package.json
@@ -20,6 +20,7 @@
     "@date-fns/tz": "^1.1.2",
     "@dicebear/collection": "^9.2.2",
     "@dicebear/core": "^9.2.2",
+    "@neoconfetti/vue": "^2.2.1",
     "@paralleldrive/cuid2": "^2.2.2",
     "@prisma/client": "^5.21.1",
     "@vee-validate/zod": "^4.14.4",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml