refactor: split into component and use global app store

pnpm-lock.yaml

@@ -19,6 +19,9 @@ importers:
       "@nuxt/ui":
         specifier: ^2.18.6
         version: 2.18.6(magicast@0.3.5)(qrcode@1.5.4)(rollup@4.22.5)(vite@5.4.8(@types/node@22.7.4)(terser@5.34.1))(vue@3.5.10(typescript@5.5.4))
+      "@pinia/nuxt":
+        specifier: ^0.5.5
+        version: 0.5.5(magicast@0.3.5)(rollup@4.22.5)(typescript@5.5.4)(vue@3.5.10(typescript@5.5.4))
       canvas:
         specifier: ^2.11.2
         version: 2.11.2
@@ -1700,6 +1703,12 @@ packages:
       }
     engines: { node: ">= 10.0.0" }
 
+  "@pinia/nuxt@0.5.5":
+    resolution:
+      {
+        integrity: sha512-wjxS7YqIesh4OLK+qE3ZjhdOJ5pYZQ+VlEmZNtTwzQn1Kavei/khovx7mzXVXNA/mvSPXVhb9xBzhyS3XMURtw==,
+      }
+
   "@pkgjs/parseargs@0.11.0":
     resolution:
       {
@@ -5676,6 +5685,21 @@ packages:
       }
     engines: { node: ">=0.10.0" }
 
+  pinia@2.2.4:
+    resolution:
+      {
+        integrity: sha512-K7ZhpMY9iJ9ShTC0cR2+PnxdQRuwVIsXDO/WIEV/RnMC/vmSoKDTKW/exNQYPI+4ij10UjXqdNiEHwn47McANQ==,
+      }
+    peerDependencies:
+      "@vue/composition-api": ^1.4.0
+      typescript: ">=4.4.4"
+      vue: ^2.6.14 || ^3.3.0
+    peerDependenciesMeta:
+      "@vue/composition-api":
+        optional: true
+      typescript:
+        optional: true
+
   pirates@4.0.6:
     resolution:
       {
@@ -8782,6 +8806,19 @@ snapshots:
       "@parcel/watcher-win32-ia32": 2.4.1
       "@parcel/watcher-win32-x64": 2.4.1
 
+  "@pinia/nuxt@0.5.5(magicast@0.3.5)(rollup@4.22.5)(typescript@5.5.4)(vue@3.5.10(typescript@5.5.4))":
+    dependencies:
+      "@nuxt/kit": 3.13.2(magicast@0.3.5)(rollup@4.22.5)
+      pinia: 2.2.4(typescript@5.5.4)(vue@3.5.10(typescript@5.5.4))
+    transitivePeerDependencies:
+      - "@vue/composition-api"
+      - magicast
+      - rollup
+      - supports-color
+      - typescript
+      - vue
+      - webpack-sources
+
   "@pkgjs/parseargs@0.11.0":
     optional: true
 
@@ -11384,6 +11421,14 @@ snapshots:
 
   pify@2.3.0: {}
 
+  pinia@2.2.4(typescript@5.5.4)(vue@3.5.10(typescript@5.5.4)):
+    dependencies:
+      "@vue/devtools-api": 6.6.4
+      vue: 3.5.10(typescript@5.5.4)
+      vue-demi: 0.14.10(vue@3.5.10(typescript@5.5.4))
+    optionalDependencies:
+      typescript: 5.5.4
+
   pirates@4.0.6: {}
 
   pkg-types@1.2.0: