chore(docs): update repl

This commit is contained in:
braks
2022-10-14 22:20:06 +02:00
parent 949d19ff5d
commit 4964e4ddbc
2 changed files with 4 additions and 4 deletions
+3 -3
View File
@@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Repl, ReplStore } from '@vue/repl' import { ReplStore, Repl as VueRepl } from '@vue/repl'
import { useVueFlow } from '@vue-flow/core' import { useVueFlow } from '@vue-flow/core'
import '@vue/repl/style.css' import '@vue/repl/style.css'
import { exampleImports } from './examples' import { exampleImports } from './examples'
@@ -58,7 +58,7 @@ for (const example of Object.keys(imports).filter((i) => i !== 'additionalImport
} }
onMounted(async () => { onMounted(async () => {
await store.setVueVersion('3.2.25') await store.setVueVersion('3.2.37')
await store.setFiles( await store.setFiles(
{ {
@@ -86,7 +86,7 @@ const sfcOptions = {
</script> </script>
<template> <template>
<Repl <VueRepl
:clear-console="true" :clear-console="true"
:auto-resize="true" :auto-resize="true"
:store="store" :store="store"
+1 -1
View File
@@ -119,7 +119,7 @@ onConnect((param) => {
class="w-full h-[300px] md:min-h-[400px] shadow-xl rounded-xl font-mono uppercase border-1 border-secondary overflow-hidden" class="w-full h-[300px] md:min-h-[400px] shadow-xl rounded-xl font-mono uppercase border-1 border-secondary overflow-hidden"
> >
<VueFlow class="basic"> <VueFlow class="basic">
<Controls class="md:(!left-auto !right-[10px])" /> <Controls position="bottom-right" />
<Background :gap="60"> <Background :gap="60">
<template #pattern> <template #pattern>
<Cross :style="{ fontSize: `${8 * viewport.zoom || 1}px` }" class="text-[#10b981] opacity-50" /> <Cross :style="{ fontSize: `${8 * viewport.zoom || 1}px` }" class="text-[#10b981] opacity-50" />