diff options
Diffstat (limited to 'src-vue/src/App.vue')
| -rw-r--r-- | src-vue/src/App.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue new file mode 100644 index 00000000..76ebf086 --- /dev/null +++ b/src-vue/src/App.vue @@ -0,0 +1,31 @@ +<script setup lang="ts"> +// This starter template is using Vue 3 <script setup> SFCs +// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup +import HelloWorld from './components/HelloWorld.vue' +</script> + +<template> + <div> + <a href="https://vitejs.dev" target="_blank"> + <img src="/vite.svg" class="logo" alt="Vite logo" /> + </a> + <a href="https://vuejs.org/" target="_blank"> + <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" /> + </a> + </div> + <HelloWorld msg="Vite + Vue" /> +</template> + +<style scoped> +.logo { + height: 6em; + padding: 1.5em; + will-change: filter; +} +.logo:hover { + filter: drop-shadow(0 0 2em #646cffaa); +} +.logo.vue:hover { + filter: drop-shadow(0 0 2em #42b883aa); +} +</style> |