forked from jpkleemans/vite-svg-loader
/
App.vue
39 lines (30 loc) · 766 Bytes
/
App.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
<script setup>
import { defineAsyncComponent } from 'vue'
import HelloWorld from './components/HelloWorld.vue'
import Test from './assets/test.svg'
import testUrl from './assets/test.svg?url'
import testRaw from './assets/test.svg?raw'
const name = 'circle'
const Async = defineAsyncComponent(() => import(`./assets/${name}.svg`))
</script>
<template>
<div id="component">
<Test class="test-svg" data-animal="bird" aria-hidden="true" />
</div>
<div id="image">
<img src="./assets/test.svg?url">
</div>
<div id="async">
<Async />
</div>
<div id="url">
{{ testUrl }}
</div>
<div id="raw">
{{ testRaw }}
</div>
<div id="root">
<img src="/root.svg" />
</div>
<HelloWorld msg="Hello Vue 3 + Vite" />
</template>