upgrade package

package-lock.json

@@ -1748,6 +1748,18 @@
       "version": "1.0.0",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
@@ -2668,8 +2680,8 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.29",
-      "integrity": "sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==",
+      "version": "8.4.31",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",

src/components/app.vue

@@ -1,7 +1,7 @@
 <script setup>
 import Player from "../components/Player.vue";
 import routes from "../js/routes.js";
-import store from "../js/store";
+import { useRadioStore } from "../js/store";
 
 // Framework7 Parameters
 const f7params = {
@@ -17,7 +17,7 @@ const f7params = {
 
   // passRouteParamsToRequest: true,
   // App store
-  store,
+  store: useRadioStore(),
 
   // App routes
   routes,

src/js/app.js

@@ -1,5 +1,6 @@
 // Import Vue
 import { createApp } from "vue";
+import { createPinia } from "pinia";
 
 // Import Framework7
 import Framework7 from "framework7/lite-bundle";
@@ -22,6 +23,8 @@ Framework7.use(Framework7Vue);
 
 // Init App
 const app = createApp(App);
+const pinia = createPinia();
+app.use(pinia);
 
 // Register Framework7 Vue components
 registerComponents(app);

src/pages/home.vue

@@ -1,9 +1,14 @@
 <script setup>
-import useRadioStore from "../js/store";
-setInterval(function() {
-  useRadioStore().cambia();
-return true;
-}, 1000)
+import { useRadioStore } from "../js/store";
+import radiomanifest from "@radiomanifest/radiomanifest";
+const store = useRadioStore()
+	setTimeout(() => {
+			for(const url of Object.keys(store.radios)) {
+			radiomanifest.get(url).then((data) => {
+					store.radios[url] = {...store.radios[url], ...data}
+					});
+			}
+			}, 100)
 </script>
 <template>
   <f7-page name="home">
@@ -11,7 +16,7 @@ return true;
     <f7-block-title>Radio</f7-block-title>
     <f7-list>
       <f7-list-item
-        v-for="(radio, url) in store.getters.radios.value"
+        v-for="(radio, url) in store.radios"
         :key="radio.name"
         :link="`/radio/${encodeURIComponent(url)}`"
         :title="radio.name"