switch partyjs to canvas-confetti.

src/components.d.ts

@@ -17,7 +17,7 @@ declare module 'vue' {
     NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDataTable: typeof import('naive-ui')['NDataTable']
-    NDatePicker: (typeof import("naive-ui"))["NDatePicker"]
+    NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDescriptions: typeof import('naive-ui')['NDescriptions']
     NDescriptionsItem: typeof import('naive-ui')['NDescriptionsItem']
     NDropdown: typeof import('naive-ui')['NDropdown']
@@ -25,7 +25,7 @@ declare module 'vue' {
     NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
-    NFormItemGi: (typeof import("naive-ui"))["NFormItemGi"]
+    NFormItemGi: typeof import('naive-ui')['NFormItemGi']
     NGi: typeof import('naive-ui')['NGi']
     NGradientText: typeof import('naive-ui')['NGradientText']
     NGrid: typeof import('naive-ui')['NGrid']

src/oj/problem/components/Submit.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import party from "party-js"
 import { code } from "oj/composables/code"
 import { problem } from "oj/composables/problem"
 import { isDesktop } from "~/shared/composables/breakpoints"
@@ -12,6 +11,8 @@ import { useUserStore } from "~/shared/store/user"
 import Loading from "~/shared/icons/Loading.vue"
 import Bulb from "~/shared/icons/Bulb.vue"
 import Play from "~/shared/icons/Play.vue"
+// @ts-ignore
+import confetti from "canvas-confetti"
 
 const userStore = useUserStore()
 const route = useRoute()
@@ -188,9 +189,12 @@ watch(
   () => submission?.value?.result,
   (result) => {
     if (result === SubmissionStatus.accepted) {
-      party.confetti(document.body, {
-        count: party.variation.range(200, 400),
-        size: party.variation.skew(2, 0.3),
+      confetti({
+        particleCount: 300,
+        startVelocity: 30,
+        gravity: 0.5,
+        spread: 350,
+        origin: { x: 0.5, y: 0.4 },
       })
     }
   },