feat(packages/vue): add autostart properties

Author: crashmax-dev

examples/with-vue/src/App.vue

@@ -8,6 +8,7 @@
   <Fireworks
     ref="fw"
     v-if="mounted"
+    :autostart="false"
     :options="options"
     :style="{
       top: 0,
@@ -21,7 +22,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, watch } from 'vue'
+import { ref, watch } from 'vue'
 import { Fireworks } from '@fireworks-js/vue'
 import type { FireworksOptions } from '@fireworks-js/vue'
 
@@ -36,10 +37,6 @@ async function startFireworks() {
   await fireworks?.waitStop()
 }
 
-onMounted(() => {
-  startFireworks()
-})
-
 watch(fw, () => {
   if (fw.value) {
     startFireworks()

packages/vue/src/fireworks.vue

@@ -4,6 +4,10 @@ import type { FireworksOptions } from 'fireworks-js'
 import { PropType, defineExpose, onMounted, onUnmounted, ref } from 'vue'
 
 const props = defineProps({
+  autostart: {
+    type: Boolean,
+    default: true
+  },
   options: {
     type: Object as PropType<FireworksOptions>,
     required: false
@@ -15,7 +19,9 @@ const container = ref<HTMLDivElement>()
 
 onMounted(() => {
   fireworks.value = new Fireworks(container.value!, props.options)
-  fireworks.value.start()
+  if (props.autostart) {
+    fireworks.value.start()
+  }
 })
 
 onUnmounted(() => {