Fireworks fan here. This simulation of various firework effects offers variety and an attempt at realism.
Be sure to check out the settings menu (cog icon on top right) for more features and controls.
// JavaScript projects | |
// setup: npm install --save-dev eslint eslint-plugin-simple-import-sort eslint-plugin-import | |
const js = { | |
"root": true, | |
"plugins": ["simple-import-sort", "import"], | |
"extends": ["eslint:recommended"], | |
"rules": { | |
"simple-import-sort/imports": "error", | |
"simple-import-sort/exports": "error", // these two autosort imports and exports | |
"import/first": "error", // ensures all imports are at top of file |
:root { | |
--primary-color: #005fff; | |
--primary-color-alpha: #005fff1a; | |
} | |
html, | |
body { | |
margin: 0; | |
padding: 0; | |
height: 100%; |
// Sometimes you want to run parent effects before those of the children. E.g. when setting | |
// something up or binding document event listeners. By passing the effect to the first child it | |
// will run before any effects by later children. | |
export function Effect({ effect }) { | |
useEffect(() => effect?.(), [effect]); | |
return null; | |
} | |
// |
import Vue from 'vue' | |
import axios from 'axios' | |
import store from '../store' | |
import { TokenService } from '../services/storage.service' | |
// Full config: https://github.com/axios/axios#request-config | |
let config = { | |
baseURL: | |
process.env.baseURL || |