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

docs: cleanup

Browse Source
This commit is contained in:
braks
2023-12-12 21:53:25 +01:00
committed by Braks
parent bb2bf72012
commit 7d7fefec75
3 changed files with 58 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
docs/components/DocsRepl.vue
View File

@@ -1,8 +1,8 @@
<script lang="ts" setup>
import type { SFCOptions } from '@vue/repl'
import { ReplStore, Repl as VueRepl } from '@vue/repl'
import CodeMirror from '@vue/repl/codemirror-editor'
import { useVueFlow } from '@vue-flow/core'
import '@vue/repl/style.css'
import { exampleImports } from '../examples'
const props = defineProps<{ example: keyof typeof exampleImports; mainFile?: string; dependencies?: Record<string, string> }>()
@@ -39,13 +39,6 @@ body,
const store = new ReplStore({
showOutput: true,
outputMode: 'preview',
})
const vh = useCssVar('--vh')
watchEffect(() => {
vh.value = `${window.innerHeight}px`
})
const files: Record<string, (typeof imports)[keyof typeof imports]> = {}
@@ -60,7 +53,7 @@ for (const example of Object.keys(imports).filter((i) => i !== 'additionalImport
}
}
await store.setVueVersion('3.2.37')
await store.setVueVersion('3.3.11')
await store.setFiles(
{
@@ -92,12 +85,13 @@ const sfcOptions = {
<template>
<VueRepl
:clear-console="true"
:auto-resize="true"
:editor="CodeMirror"
:store="store"
:show-compile-output="false"
:show-import-map="false"
:show-ts-config="false"
:sfc-options="sfcOptions"
:ssr="false"
@keydown.ctrl.s.prevent
@keydown.meta.s.prevent
/>
@@ -109,10 +103,6 @@ const sfcOptions = {
}
.vue-repl {
--vh: 100vh;
@apply rounded-lg border-1 border-solid dark:border-gray-200/10 border-gray-200;
height: calc(var(--vh) - 72px);
@apply h-screen rounded-lg border-1 border-solid dark:border-gray-200/10 border-gray-200;
}
</style>

6
docs/components/utils.ts
View File

@@ -18,10 +18,10 @@ const defaultOptions = {
'[data-blobity], a:not([data-no-blobity]), button:not([data-no-blobity]), [data-blobity-tooltip], .back-to-top, .intro',
}
export const useBlobity = createSharedComposable(() => {
export function useBlobity() {
const blobity = ref<Blobity>(isClient ? new Blobity(defaultOptions as any) : (null as any))
provide(BlobityInjection, blobity)
provide(BlobityInjection, blobity as Ref<Blobity>)
const { y } = useWindowScroll()
@@ -39,4 +39,4 @@ export const useBlobity = createSharedComposable(() => {
})
return { blobity, reset }
})
}

97
pnpm-lock.yaml generated
View File

@@ -1115,7 +1115,7 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/code-frame': 7.22.13
'@babel/parser': 7.23.0
'@babel/parser': 7.23.6
'@babel/types': 7.23.0
dev: true
@@ -1129,7 +1129,7 @@ packages:
'@babel/helper-function-name': 7.23.0
'@babel/helper-hoist-variables': 7.22.5
'@babel/helper-split-export-declaration': 7.22.6
'@babel/parser': 7.23.0
'@babel/parser': 7.23.6
'@babel/types': 7.23.0
debug: 4.3.4(supports-color@8.1.1)
globals: 11.12.0
@@ -2063,7 +2063,7 @@ packages:
semver: 7.5.4
ufo: 1.3.1
unctx: 2.3.1
unimport: 3.4.0(rollup@3.29.4)
unimport: 3.6.1(rollup@3.29.4)
untyped: 1.4.0
transitivePeerDependencies:
- rollup
@@ -2083,7 +2083,7 @@ packages:
postcss-import-resolver: 2.0.0
std-env: 3.4.3
ufo: 1.3.1
unimport: 3.4.0(rollup@3.29.4)
unimport: 3.6.1(rollup@3.29.4)
untyped: 1.4.0
transitivePeerDependencies:
- rollup
@@ -2143,7 +2143,7 @@ packages:
get-port-please: 3.1.1
h3: 1.8.2
knitwork: 1.0.0
magic-string: 0.30.4
magic-string: 0.30.5
mlly: 1.4.2
ohash: 1.1.3
pathe: 1.1.1
@@ -2156,7 +2156,7 @@ packages:
std-env: 3.4.3
strip-literal: 1.3.0
ufo: 1.3.1
unplugin: 1.5.0
unplugin: 1.5.1
vite: 4.4.11(@types/node@18.18.4)
vite-node: 0.33.0
vite-plugin-checker: 0.6.2(vite@4.4.11)
@@ -2444,7 +2444,7 @@ packages:
rollup:
optional: true
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
commondir: 1.0.1
estree-walker: 2.0.2
glob: 8.1.0
@@ -2462,7 +2462,7 @@ packages:
rollup:
optional: true
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
estree-walker: 2.0.2
magic-string: 0.27.0
rollup: 3.29.4
@@ -2477,7 +2477,7 @@ packages:
rollup:
optional: true
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
rollup: 3.29.4
dev: true
@@ -2490,7 +2490,7 @@ packages:
rollup:
optional: true
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
'@types/resolve': 1.20.2
deepmerge: 4.3.1
is-builtin-module: 3.2.1
@@ -2537,7 +2537,7 @@ packages:
rollup:
optional: true
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
rollup: 3.29.4
dev: true
@@ -2564,7 +2564,7 @@ packages:
rollup: 3.29.4
dev: true
/@rollup/pluginutils@5.1.0:
/@rollup/pluginutils@5.1.0(rollup@3.29.4):
resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2576,6 +2576,7 @@ packages:
'@types/estree': 1.0.2
estree-walker: 2.0.2
picomatch: 2.3.1
rollup: 3.29.4
dev: true
/@rollup/rollup-android-arm-eabi@4.8.0:
@@ -3222,8 +3223,8 @@ packages:
optional: true
dependencies:
'@babel/types': 7.23.0
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@vue/compiler-sfc': 3.3.4
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
'@vue/compiler-sfc': 3.3.11
ast-kit: 0.11.2
local-pkg: 0.4.3
magic-string-ast: 0.3.0
@@ -3893,8 +3894,8 @@ packages:
resolution: {integrity: sha512-Q0DjXK4ApbVoIf9GLyCo252tUH44iTnD/hiJ2TQaJeydYWSpKk0sI34+WMel8S9Wt5pbLgG02oJ+gkgX5DV3sQ==}
engines: {node: '>=16.14.0'}
dependencies:
'@babel/parser': 7.23.0
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@babel/parser': 7.23.6
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
pathe: 1.1.1
transitivePeerDependencies:
- rollup
@@ -3905,7 +3906,7 @@ packages:
engines: {node: '>=16.14.0'}
dependencies:
'@babel/parser': 7.23.0
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
pathe: 1.1.1
transitivePeerDependencies:
- rollup
@@ -6666,7 +6667,7 @@ packages:
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
dependencies:
dir-glob: 3.0.1
fast-glob: 3.3.1
fast-glob: 3.3.2
ignore: 5.2.4
merge2: 1.4.1
slash: 4.0.0
@@ -7778,7 +7779,7 @@ packages:
resolution: {integrity: sha512-0shqecEPgdFpnI3AP90epXyxZy9g6CRZ+SZ7BcqFwYmtFEnZ1jpevcV5HoyVnlDS9gCnc1UIg3Rsvp3Ci7r8OA==}
engines: {node: '>=16.14.0'}
dependencies:
magic-string: 0.30.4
magic-string: 0.30.5
dev: true
/magic-string@0.27.0:
@@ -8171,7 +8172,7 @@ packages:
'@rollup/plugin-replace': 5.0.3(rollup@3.29.4)
'@rollup/plugin-terser': 0.4.4(rollup@3.29.4)
'@rollup/plugin-wasm': 6.2.2(rollup@3.29.4)
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
'@types/http-proxy': 1.17.12
'@vercel/nft': 0.23.1
archiver: 6.0.1
@@ -8198,7 +8199,7 @@ packages:
klona: 2.0.6
knitwork: 1.0.0
listhen: 1.5.5
magic-string: 0.30.4
magic-string: 0.30.5
mime: 3.0.0
mlly: 1.4.2
mri: 1.2.0
@@ -8222,7 +8223,7 @@ packages:
uncrypto: 0.1.3
unctx: 2.3.1
unenv: 1.7.4
unimport: 3.4.0(rollup@3.29.4)
unimport: 3.6.1(rollup@3.29.4)
unstorage: 1.9.0
transitivePeerDependencies:
- '@azure/app-configuration'
@@ -8407,7 +8408,7 @@ packages:
uncrypto: 0.1.3
unctx: 2.3.1
unenv: 1.7.4
unimport: 3.4.0(rollup@3.29.4)
unimport: 3.4.0
unplugin: 1.5.0
unplugin-vue-router: 0.7.0(vue-router@4.2.5)(vue@3.3.11)
untyped: 1.4.0
@@ -8577,7 +8578,7 @@ packages:
hasBin: true
dependencies:
ansi-colors: 4.1.3
fast-glob: 3.3.1
fast-glob: 3.3.2
js-yaml: 4.1.0
supports-color: 9.4.0
undici: 5.25.4
@@ -10678,8 +10679,8 @@ packages:
dependencies:
acorn: 8.10.0
estree-walker: 3.0.3
magic-string: 0.30.4
unplugin: 1.5.0
magic-string: 0.30.5
unplugin: 1.5.1
dev: true
/undici@5.25.4:
@@ -10708,28 +10709,28 @@ packages:
hookable: 5.5.3
dev: true
/unimport@3.4.0(rollup@3.29.4):
/unimport@3.4.0:
resolution: {integrity: sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==}
dependencies:
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
escape-string-regexp: 5.0.0
fast-glob: 3.3.1
fast-glob: 3.3.2
local-pkg: 0.4.3
magic-string: 0.30.4
magic-string: 0.30.5
mlly: 1.4.2
pathe: 1.1.1
pkg-types: 1.0.3
scule: 1.0.0
strip-literal: 1.3.0
unplugin: 1.5.0
unplugin: 1.5.1
transitivePeerDependencies:
- rollup
dev: true
/unimport@3.6.1:
/unimport@3.6.1(rollup@3.29.4):
resolution: {integrity: sha512-zKzbp8AQ+l8QK3XrONtUBdgBbMI8TkGh8hBYF77ZkVqMLLIAHwGSwJRFolPQMBx/5pezeRKvmu2gzlqnxRZeqQ==}
dependencies:
'@rollup/pluginutils': 5.1.0
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
escape-string-regexp: 5.0.0
fast-glob: 3.3.2
local-pkg: 0.5.0
@@ -10816,13 +10817,13 @@ packages:
optional: true
dependencies:
'@antfu/utils': 0.7.6
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
fast-glob: 3.3.1
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
fast-glob: 3.3.2
local-pkg: 0.4.3
magic-string: 0.30.4
magic-string: 0.30.5
minimatch: 9.0.3
unimport: 3.4.0(rollup@3.29.4)
unplugin: 1.5.0
unimport: 3.6.1(rollup@3.29.4)
unplugin: 1.5.1
transitivePeerDependencies:
- rollup
dev: true
@@ -10840,12 +10841,12 @@ packages:
optional: true
dependencies:
'@antfu/utils': 0.7.6
'@rollup/pluginutils': 5.1.0
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
fast-glob: 3.3.2
local-pkg: 0.5.0
magic-string: 0.30.5
minimatch: 9.0.3
unimport: 3.6.1
unimport: 3.6.1(rollup@3.29.4)
unplugin: 1.5.1
transitivePeerDependencies:
- rollup
@@ -10896,15 +10897,15 @@ packages:
optional: true
dependencies:
'@antfu/utils': 0.7.6
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
chokidar: 3.5.3
debug: 4.3.4(supports-color@8.1.1)
fast-glob: 3.3.1
fast-glob: 3.3.2
local-pkg: 0.4.3
magic-string: 0.30.4
magic-string: 0.30.5
minimatch: 9.0.3
resolve: 1.22.6
unplugin: 1.5.0
unplugin: 1.5.1
vue: 3.3.11(typescript@4.9.5)
transitivePeerDependencies:
- rollup
@@ -10920,17 +10921,17 @@ packages:
optional: true
dependencies:
'@babel/types': 7.23.0
'@rollup/pluginutils': 5.0.5(rollup@3.29.4)
'@rollup/pluginutils': 5.1.0(rollup@3.29.4)
'@vue-macros/common': 1.8.0(vue@3.3.11)
ast-walker-scope: 0.5.0
chokidar: 3.5.3
fast-glob: 3.3.1
fast-glob: 3.3.2
json5: 2.2.3
local-pkg: 0.4.3
mlly: 1.4.2
pathe: 1.1.1
scule: 1.0.0
unplugin: 1.5.0
unplugin: 1.5.1
vue-router: 4.2.5(vue@3.3.11)
yaml: 2.3.2
transitivePeerDependencies:
@@ -11189,7 +11190,7 @@ packages:
chalk: 4.1.2
chokidar: 3.5.3
commander: 8.3.0
fast-glob: 3.3.1
fast-glob: 3.3.2
fs-extra: 11.1.1
lodash.debounce: 4.0.8
lodash.pick: 4.4.0