Merge pull request #82 from crashmax-dev/refactor-web

refactor(packages/web): opened instance `fireworks-js`

Author: crashmax-dev

packages/web/package.json

@@ -35,6 +35,6 @@
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
-    "fireworks-js": "workspace:2.2.0"
+    "fireworks-js": "workspace:2.2.1"
   }
 }

packages/web/src/index.ts

@@ -2,7 +2,7 @@ import { Fireworks as FireworksJs } from 'fireworks-js'
 import type { FireworksOptions } from 'fireworks-js'
 
 class Fireworks extends HTMLElement {
-  private fireworks!: FireworksJs
+  public fireworks: FireworksJs
   private options: FireworksOptions = {}
 
   static get observedAttributes() {
@@ -38,21 +38,17 @@ class Fireworks extends HTMLElement {
     const options = this.getAttribute('options')
     if (options) {
       try {
-        this.options = JSON.parse(options) as FireworksOptions
-
-        if (this.fireworks) {
-          this.fireworks.updateOptions(this.options)
-        }
+        this.options = JSON.parse(options)
+        this.fireworks?.updateOptions(this.options)
       } catch (err) {
         console.error('Attribute `options` failed parsed:', err)
       }
     }
 
     const style = this.getAttribute('style')
     if (style) {
-      this.shadowRoot!.querySelector('style')!.textContent = `
-        div { ${style} }
-      `
+      this.shadowRoot!.querySelector('style')!
+        .textContent = `div { ${style} }`
     }
   }
 }