theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(sfc-playground): fix autoresize

Browse Source
This commit is contained in:
Evan You 2021-09-17 09:48:17 -04:00
parent 0cfa2112ce
commit 51f74679ef
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/sfc-playground/src/App.vue
View File

@ -3,7 +3,11 @@ import Header from './Header.vue'
import { Repl, ReplStore } from '@vue/repl' import { Repl, ReplStore } from '@vue/repl'
import { watchEffect } from 'vue' import { watchEffect } from 'vue'
document.documentElement.style.setProperty('--vh', window.innerHeight + `px`) const setVH = () => {
document.documentElement.style.setProperty('--vh', window.innerHeight + `px`)
}
window.addEventListener('resize', setVH)
setVH()
const store = new ReplStore({ const store = new ReplStore({
serializedState: location.hash.slice(1), serializedState: location.hash.slice(1),
@ -18,7 +22,7 @@ watchEffect(() => history.replaceState({}, '', store.serialize()))
<template> <template>
<Header :store="store" /> <Header :store="store" />
<Repl :store="store" :showCompileOutput="true" /> <Repl :store="store" :showCompileOutput="true" :autoResize="true" />
</template> </template>
<style> <style>