diff --git a/client/components/setup.vue b/client/components/setup.vue index 5b44835d..789e320c 100644 --- a/client/components/setup.vue +++ b/client/components/setup.vue @@ -104,6 +104,7 @@ import _ from 'lodash' import validate from 'validate.js' import { BreedingRhombusSpinner } from 'epic-spinners' +import confetti from 'canvas-confetti' /* global siteConfig */ @@ -206,6 +207,11 @@ export default { if (resp.ok === true) { _.delay(() => { + confetti({ + particleCount: 100, + spread: 70, + zIndex: 100000 + }) this.success = true _.delay(() => { window.location.assign('/login') diff --git a/package.json b/package.json index 951656e5..6681ebfc 100644 --- a/package.json +++ b/package.json @@ -217,6 +217,7 @@ "babel-plugin-prismjs": "2.0.1", "babel-plugin-transform-imports": "2.0.0", "cache-loader": "4.1.0", + "canvas-confetti": "1.2.0", "chart.js": "2.9.3", "clean-webpack-plugin": "3.0.0", "clipboard": "2.0.6", diff --git a/yarn.lock b/yarn.lock index 84bc778c..e4a0e88a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4704,6 +4704,11 @@ caniuse-lite@^1.0.30001039: resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001040.tgz#103fc8e6eb1d7397e95134cd0e996743353d58ea" integrity sha512-Ep0tEPeI5wCvmJNrXjE3etgfI+lkl1fTDU6Y3ZH1mhrjkPlVI9W4pcKbMo+BQLpEWKVYYp2EmYaRsqpPC3k7lQ== +canvas-confetti@1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/canvas-confetti/-/canvas-confetti-1.2.0.tgz#5591764e1126adb08710d20bc9ba63842a3d8ee6" + integrity sha512-0B49O9CfLciAYz4hriu9pvWNGkCtVcpvyNFKWZI+JVWJM5nJTMg5MX3cFzatyeYcOL6bR1Jw3yhZKbgt03O8/Q== + capture-exit@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"