forked from vitejs/vite
/
Main.vue
54 lines (51 loc) · 1.42 KB
/
Main.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<template>
<div class="comments"><!--hello--></div>
<h1>Vue SFCs</h1>
<pre>{{ time as string }}</pre>
<div class="hmr-block">
<Hmr />
</div>
<Syntax />
<PreProcessors />
<CssModules />
<Assets />
<CustomBlock />
<SrcImport />
<Slotted>
<div class="slotted">this should be red</div>
</Slotted>
<ScanDep />
<TsImport />
<Suspense>
<AsyncComponent />
</Suspense>
<ReactivityTransform :foo="time" />
<SetupImportTemplate />
<WorkerTest />
<Url />
</template>
<script setup lang="ts">
import Hmr from './Hmr.vue'
import Syntax from './Syntax.vue'
import PreProcessors from './PreProcessors.vue'
import CssModules from './CssModules.vue'
import Assets from './Assets.vue'
import CustomBlock from './CustomBlock.vue'
import SrcImport from './src-import/SrcImport.vue'
import Slotted from './Slotted.vue'
import ScanDep from './ScanDep.vue'
import TsImport from './TsImport.vue'
import AsyncComponent from './AsyncComponent.vue'
import ReactivityTransform from './ReactivityTransform.vue'
import SetupImportTemplate from './setup-import-template/SetupImportTemplate.vue'
import WorkerTest from './worker.vue'
import { ref } from 'vue'
import Url from './Url.vue'
const time = ref('loading...')
window.addEventListener('load', () => {
setTimeout(() => {
const [entry] = performance.getEntriesByType('navigation')
time.value = `loaded in ${entry.duration.toFixed(2)}ms.`
}, 0)
})
</script>