"isolatedModules": true,
"experimentalDecorators": true,
- "resolveJsonModule": true,
"esModuleInterop": true,
"removeComments": false,
"jsx": "preserve",
const store = new ReplStore({
serializedState: hash,
defaultVueRuntimeURL:
- 'https://cdn.jsdelivr.net/npm/@vue/runtime-dom@3.3.9/dist/runtime-dom.esm-browser.js',
+ 'https://cdn.jsdelivr.net/npm/@vue/runtime-dom@3.4.21/dist/runtime-dom.esm-browser.js',
defaultVueServerRendererURL:
- 'https://cdn.jsdelivr.net/npm/@vue/server-renderer@3.3.9/dist/server-renderer.esm-browser.js',
+ 'https://cdn.jsdelivr.net/npm/@vue/server-renderer@3.4.21/dist/server-renderer.esm-browser.js',
})
const previewOptions: ReplProps['previewOptions'] = {
<template>
<button @click="store.n++">Increment {{ store.n }}</button>
</template>
-`.trim()
+`.trimStart()
export const counterTs = `
import { defineStore } from 'pinia'
import { ref } from 'vue'
-export const useStore = defineStore('store', () => {
+export const useStore = defineStore('counter', () => {
const n = ref(0)
return { n }
})
-`.trim()
+`.trimStart()
export const PiniaVersionKey: InjectionKey<Ref<string>> =
Symbol('pinia-version')