NuxtUIを使ってみたときのログ

<script setup lang="ts">
const selected = ref(false);
const toast = useToast();
const handleClick = () => {
  console.log("clicked");
  toast.add({ title: "Hello world!" });
};
</script>
<template>
  <header class="flex justify-between items-center p-6 bg-white">
    <h1 class="font-bold text-2xl">StockArticle</h1>
    <nav>
      <UCheckbox
        v-model="selected"
        name="notifications"
        label="Notifications"
      />
      <UToggle v-model="selected" />
      <UButton @click="handleClick">Button</UButton>

      <!-- <UButton label="Show toast" @click="toast.add({ title: 'Hello world!' })" /> -->
      <!-- <UTooltip text="Tooltip example" :shortcuts="['⌘', 'O']">
        <UButton color="gray" label="Hover me" />
      </UTooltip> -->
    </nav>

    <!-- <nav>
      <ul class="flex space-x-4">
        <li>
          <NuxtLink :to="'/'" class="text-gray-900 dark:text-white" href="#"> Home </NuxtLink>
        </li>
        <li>
          <a class="text-gray-900 dark:text-white" href="#"> Articles </a>
        </li>
      </ul>
    </nav> -->
  </header>
</template>

export default defineAppConfig({
  
})