<script setup lang="ts">
  import HelloWorld from '@/components/HelloWorld.vue';
  import { RouterLink } from 'vue-router';
</script>

<template>
  <div class="color-primary font-bold">Vite + Vue3 + TypeScript Project Common Scaffold</div>
  <HelloWorld msg="Home" />
  <RouterLink to="/about" style="display: block; margin-top: 20px">
    <ElButton type="primary">
      <div class="flex-row-center">
        <span>About</span>
        <i class="i-uplus:chevron-right size-14px" />
      </div>
    </ElButton>
  </RouterLink>
</template>
