<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
import SvgDome from './components/SvgDemo.vue'
</script>

<template>
  <header>
    <img alt="logo" class="logo" src="./assets/imgs/logo.png" width="125" height="125">
  </header>
  <HelloWorld msg="干的漂亮！" />
  <SvgDome />
</template>

<style scoped>
header {
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -220px;
  z-index: 10;
}

.logo {
  display: block;
  margin: 0 auto 2rem;
  border-radius: 20px;
}

</style>
