enso/app/gui2/e2e/MockApp.vue
somebody1234 777ae9a047
Use Enso font (#8499)
- Closes #8485

# Important Notes
None
2023-12-08 18:45:42 +00:00

36 lines
786 B
Vue

<script setup lang="ts">
import { computed } from 'vue'
import App from '../src/App.vue'
import MockProjectStoreWrapper from '../stories/MockProjectStoreWrapper.vue'
import { getMainFile, setMainFile } from './mockEngine'
const mainFile = computed({
get() {
return getMainFile()
},
set(value) {
setMainFile(value)
},
})
</script>
<template>
<MockProjectStoreWrapper v-model="mainFile">
<App :config="{}" :metadata="{}" />
</MockProjectStoreWrapper>
</template>
<style scoped>
:is(.viewport) {
color: var(--color-text);
font-family: var(--font-code);
font-size: 11.5px;
font-weight: 500;
line-height: 20px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100vh;
}
</style>