diff options
| author | Remy Raes <contact@remyraes.com> | 2022-09-20 23:32:20 +0200 |
|---|---|---|
| committer | Remy Raes <contact@remyraes.com> | 2022-09-20 23:32:20 +0200 |
| commit | 2e622c0989f6abe35e6d8bbd20d523a37e87d923 (patch) | |
| tree | d18f89016cadffb27bcdd07199f1eceaadb6b00b /src-vue/src/App.vue | |
| parent | f9e6bf91e6d0f5928e036350c09aed1d35fae36d (diff) | |
| download | FlightCore-2e622c0989f6abe35e6d8bbd20d523a37e87d923.tar.gz FlightCore-2e622c0989f6abe35e6d8bbd20d523a37e87d923.zip | |
build: add Vue app skeleton
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> |