Pinia for Vue SFC Playground
What problem does this feature solve?
Lets users experiment with Pinia on the Vue SFC Playground.
What does the proposed API look like?
import { defineStore } from 'pinia'
__modules__['App.vue'] is undefined
pinia.esm-browser dependency on @vue/devtools-api which seems not have a esm-browser version.
@edison1105 it has: https://unpkg.com/@vue/devtools-api/lib/esm/index.js
Not sure what you mean, I have a PR for Vuetify playground that uses it (for Vue Router) and it seems to work fine:
@jacekkarczmarczyk oh~ It's my fault. It works
@jacekkarczmarczyk oh~ It's my fault. It works
Almost:
Error resolving module specifier “pinia”. Relative module specifiers must start with “./”, “../” or “/”.. Tip: add an "import-map.json" file to specify import paths for dependencies.
@vanillajonathan this error happens to me only in Firefox and is not related to devtool-api as it happens also with initial empty sfc playground
Yeah, I tried to use Firefox. It works in Chrome and Edge though.
Could Vuex, Vue Router and Bootstrap be added too?
Failed to resolve module specifier "vuex". Tip: add an "import-map.json" file to specify import paths for dependencies.
Failed to resolve module specifier "vue-router". Tip: add an "import-map.json" file to specify import paths for dependencies.
Failed to resolve module specifier "bootstrap". Tip: add an "import-map.json" file to specify import paths for dependencies.
Yeah, I tried to use Firefox. It works in Chrome and Edge though.
Could Vuex, Vue Router and Bootstrap be added too?
Failed to resolve module specifier "vuex". Tip: add an "import-map.json" file to specify import paths for dependencies.
Failed to resolve module specifier "vue-router". Tip: add an "import-map.json" file to specify import paths for dependencies.
Failed to resolve module specifier "bootstrap". Tip: add an "import-map.json" file to specify import paths for dependencies.
Try enabling dom.importMaps.enabled
With disabled dom.importMaps.enabled set to false:
can't access property "default", modules['App.vue'] is undefined
With disabled dom.importMaps.enabled set to true:
The specifier “pinia” was a bare specifier, but was not remapped to anything. Relative module specifiers must start with “./”, “../” or “/”.
I've opened a PR to make using Pinia with the SFC Playground a little less troublesome: #7311. See the example link at the top of the PR.
Firefox 108 now supports import maps. :+1: https://www.mozilla.org/en-US/firefox/108.0/releasenotes/