aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/App.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src-vue/src/App.vue')
-rw-r--r--src-vue/src/App.vue29
1 files changed, 29 insertions, 0 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue
new file mode 100644
index 00000000..97c8ea20
--- /dev/null
+++ b/src-vue/src/App.vue
@@ -0,0 +1,29 @@
+<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 class="common-layout">
+ <el-container>
+ <el-header>Header</el-header>
+ <el-main>Main</el-main>
+ </el-container>
+ </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>