alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(docs): update repl

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2022-12-29 18:58:51 +01:00
committed by Braks
parent 3701ddcbc9
commit 8531ee3ad5
4 changed files with 34 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/DocsRepl.vue
+26 -26
View File
@@ -49,7 +49,7 @@ watchEffect(() => {
vh.value = `${window.innerHeight}px` vh.value = `${window.innerHeight}px`
}) })
const files: any = {} const files: Record<string, typeof imports[keyof typeof imports]> = {}
const imports = exampleImports[props.example] const imports = exampleImports[props.example]
const additionalImports = 'additionalImports' in imports ? imports.additionalImports : {} const additionalImports = 'additionalImports' in imports ? imports.additionalImports : {}
@@ -61,33 +61,27 @@ for (const example of Object.keys(imports).filter((i) => i !== 'additionalImport
} }
} }
onMounted(async () => { await store.setVueVersion('3.2.37')
await store.setVueVersion('3.2.37')
await store.setFiles( await store.setFiles(
{ {
...files, ...files,
'main.css': css, 'main.css': css,
}, },
props.mainFile ?? 'App.vue', props.mainFile ?? 'App.vue',
) )
// pre-set import map // pre-set import map
await store.setImportMap({ store.setImportMap({
imports: { imports: {
'@vue-flow/background': `${location.origin}/vue-flow-background.mjs`, '@vue-flow/background': `${location.origin}/vue-flow-background.mjs`,
'@vue-flow/controls': `${location.origin}/vue-flow-controls.mjs`, '@vue-flow/controls': `${location.origin}/vue-flow-controls.mjs`,
'@vue-flow/minimap': `${location.origin}/vue-flow-minimap.mjs`, '@vue-flow/minimap': `${location.origin}/vue-flow-minimap.mjs`,
'@vue-flow/core': `${location.origin}/vue-flow-core.mjs`, '@vue-flow/core': `${location.origin}/vue-flow-core.mjs`,
'@vue-flow/node-resizer': `${location.origin}/vue-flow-node-resizer.mjs`, '@vue-flow/node-resizer': `${location.origin}/vue-flow-node-resizer.mjs`,
'@vue-flow/node-toolbar': `${location.origin}/vue-flow-node-toolbar.mjs`, '@vue-flow/node-toolbar': `${location.origin}/vue-flow-node-toolbar.mjs`,
...additionalImports, ...additionalImports,
}, },
})
if (isClient) {
document.body.className = 'examples'
}
}) })
const sfcOptions = { const sfcOptions = {
@@ -95,6 +89,12 @@ const sfcOptions = {
reactivityTransform: true, reactivityTransform: true,
}, },
} as SFCOptions } as SFCOptions
onMounted(() => {
if (isClient) {
document.body.className = 'examples'
}
})
</script> </script>
<template> <template>
docs/components/Repl.vue
+3 -2
View File
@@ -1,5 +1,6 @@
<script> <script lang="ts">
import { isClient } from '@vueuse/core' import { isClient } from '@vueuse/core'
import { Suspense } from 'vue'
import DocsRepl from './DocsRepl.vue' import DocsRepl from './DocsRepl.vue'
export default defineComponent({ export default defineComponent({
@@ -8,7 +9,7 @@ export default defineComponent({
return () => { return () => {
if (!isClient) return null if (!isClient) return null
return h(DocsRepl, props) return h(Suspense, h(DocsRepl, props))
} }
}, },
}) })
docs/package.json
+1 -1
View File
@@ -22,7 +22,7 @@
"@vue-flow/minimap": "workspace:*", "@vue-flow/minimap": "workspace:*",
"@vue-flow/node-resizer": "workspace:*", "@vue-flow/node-resizer": "workspace:*",
"@vue-flow/node-toolbar": "workspace:*", "@vue-flow/node-toolbar": "workspace:*",
"@vue/repl": "1.1.2", "@vue/repl": "1.3.2",
"blobity": "^0.2.1", "blobity": "^0.2.1",
"canvas-confetti": "^1.6.0", "canvas-confetti": "^1.6.0",
"vite": "^2.9.15", "vite": "^2.9.15",
pnpm-lock.yaml
Generated
+4 -4
View File
@@ -44,7 +44,7 @@ importers:
'@vue-flow/minimap': workspace:* '@vue-flow/minimap': workspace:*
'@vue-flow/node-resizer': workspace:* '@vue-flow/node-resizer': workspace:*
'@vue-flow/node-toolbar': workspace:* '@vue-flow/node-toolbar': workspace:*
'@vue/repl': 1.1.2 '@vue/repl': 1.3.2
'@windicss/plugin-scrollbar': ^1.2.3 '@windicss/plugin-scrollbar': ^1.2.3
blobity: ^0.2.1 blobity: ^0.2.1
canvas-confetti: ^1.6.0 canvas-confetti: ^1.6.0
@@ -74,7 +74,7 @@ importers:
'@vue-flow/minimap': link:../packages/minimap '@vue-flow/minimap': link:../packages/minimap
'@vue-flow/node-resizer': link:../packages/node-resizer '@vue-flow/node-resizer': link:../packages/node-resizer
'@vue-flow/node-toolbar': link:../packages/node-toolbar '@vue-flow/node-toolbar': link:../packages/node-toolbar
'@vue/repl': 1.1.2_vue@3.2.37 '@vue/repl': 1.3.2_vue@3.2.37
blobity: 0.2.1_react@18.2.0+vue@3.2.37 blobity: 0.2.1_react@18.2.0+vue@3.2.37
canvas-confetti: 1.6.0 canvas-confetti: 1.6.0
vite: 2.9.15 vite: 2.9.15
@@ -2925,8 +2925,8 @@ packages:
'@vue/shared': 3.2.45 '@vue/shared': 3.2.45
dev: true dev: true
/@vue/repl/1.1.2_vue@3.2.37: /@vue/repl/1.3.2_vue@3.2.37:
resolution: {integrity: sha512-IYcoKZgwdn6spiVwGuWeXAbqAv3Nhjc/0dKEJ3BT5U6kV7KLLCwnuizjOvV8P+yFmtsfNkWbmWv9/56Pv5rH/w==} resolution: {integrity: sha512-5joGOuTFmjaugG3E1h/oP1EXSMcVXRUwLIoo8xvYQnqDrCT6g1SfsH1pfei5PpC5DUxMX1584CekZu6REgGYkQ==}
peerDependencies: peerDependencies:
vue: ^3.2.13 vue: ^3.2.13
dependencies: dependencies: