<script setup lang="ts">
import { ref, reactive, computed, onMounted } from 'vue'
import CCHeader from '../CCHeader.vue'

// routeの注入は実際のページの中で行う
// ここではモックデータを作成して表示をしている
// 実際には次のように使う

const items = [
  { text: 'ホーム', path: '/' },
  { text: '顧客情報', path: '/customer' },
]

function logout() {
  console.log('ログアウトボタンが押された')
  console.log('ログアウトの実装はこのコンポーネントを使用する側で実装する')
}
</script>

<template>
  <CCHeader :items="items" userName="Codelic" @logout="logout"></CCHeader>
</template>

<style lang="css" scoped></style>
