<script setup>
import { ref } from 'vue'
import CGlobalNav from '../CGlobalNav.vue'

// メインメニュー配列
const targetMenu = [
  {
    menuIcon: 'trending_up',
    menuLink: '/CSales',
    menuLabel: '売上管理',
  },
  {
    menuIcon: 'groups',
    menuLink: '/CEmployee',
    menuLabel: '社員一覧',
  },
  {
    menuIcon: 'source',
    menuLink: '/CItem',
    menuLabel: '外壁一覧',
  },
  {
    menuIcon: 'manage_search',
    menuLink: '/CPastCases',
    menuLabel: '過去案件',
  },
  {
    menuIcon: 'folder_shared',
    menuLink: '/CLicense',
    menuLabel: '請求管理',
  },
  {
    menuIcon: 'dvr',
    menuLink: '/CInformation',
    menuLabel: '自社情報',
  },
  {
    menuIcon: 'help_outline',
    menuLink: '/CContact',
    menuLabel: 'お問い合わせ',
  },
  {
    menuIcon: 'computer',
    menuLink: '/CSystem',
    menuLabel: 'システム管理',
    subMenu: [
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub1',
        menuLabel: 'テストサブ1',
      },
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub2',
        menuLabel: 'テストサブ2',
      },
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub3',
        menuLabel: 'テストサブ3',
      },
    ],
  },
]

const linkData = ref('')
</script>

<template>
  契約企業 model: {{ linkData }}
  <CGlobalNav
    v-model:linkData="linkData"
    isNoEmitlinkData
    v-model:targetMenu="targetMenu"
    p_Color="_primary"
  />
</template>

<style>
:root {
  --q-primary: #5e421d;
}
</style>
