Tengo una aplicación vue js simple y es solo para una página, pero también quiero acceder a las tiendas pinia cuando navego a otra página de la aplicación más grande.

He configurado el almacenamiento persistente de vue 3, pinia y pinia como este

 <script src="https://unpkg.com/vue@3"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pinia/2.0.14/pinia.iife.js"></script> <script src="https://unpkg.com/pinia-plugin-persistedstate-2"></script>

Esto funciona

 const { createApp } = Vue createApp({ data() { return { firstname: 'Hello Vue!' } } }).mount('#app')

Dado que pinia y el estado persistente de pinia están disponibles en el cdn, ¿cómo puedo portar esto para que funcione completamente en el navegador y puedo acceder a los datos almacenados si navego a otra página del navegador?

 import { defineStore } from 'pinia' import { createPersistedStatePlugin } from 'pinia-plugin-persistedstate-2' export const useStore = defineStore('main', { state: () => { return { someState: 'hello pinia', } }, persist: true, })