Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | 3x 1x | <!-- eslint-disable vue/multi-word-component-names --> <script> import confetti from 'canvas-confetti'; export default { mounted() { confetti.create(this.$refs.canvas, { resize: true, useWorker: true, disableForReducedMotion: true, }); this.basicCannon(); }, methods: { basicCannon() { confetti({ particleCount: 100, spread: 70, origin: { y: 0.2 }, scalar: 2, shapes: ['square'], colors: ['#FC6D26', '#6B4FBB', '#FDB997'], zIndex: 1045, gravity: 1.5, }); }, }, }; </script> <template> <canvas ref="canvas" width="0" height="0"></canvas> </template> |