<route lang="yaml">
name: home
meta:
  auth: true
</route>
<script lang="ts" setup name="PageHome">
import { useRouter } from "vue-router";

const router = useRouter();
function regist() {
  router.push({
    path: "/user/regist",
    query: {
      id: 123,
    },
  });
}
</script>
<template>
  <div>
    <div class="page-example">home</div>
    <router-link to="/user/login"><button>登錄</button></router-link>
    <button type="primary" @click="regist()">注册</button>
    <div
      class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4"
    >
      <div class="flex-shrink-0">
        <svg-icon class="h-12 w-12" name="tooling"></svg-icon>
      </div>
      <div>
        <div class="text-xl font-medium text-black">ChitChat</div>
        <p class="text-gray-500">You have a new message!</p>
      </div>
    </div>
  </div>
</template>

<style scoped>
.login-icon {
  width: 20px;
  height: 20px;
}
</style>