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

// メインメニュー配列
const targetMenu = [
  {
    menuIcon: 'trending_up',
    menuLink: '/CSales',
    menuLabel: '売上管理',
    subMenu: [
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub1',
        menuLabel: 'テストサブ1',
        menuAlert: 1,
      },
    ],
  },
  {
    menuIcon: 'folder_shared',
    menuLink: '/CLicense',
    menuLabel: 'ライセンス一覧',
    menuAlert: 1,
  },
  {
    menuIcon: 'business',
    menuLink: '/CCompany',
    menuLabel: '契約企業一覧',
  },
  {
    menuIcon: 'groups',
    menuLink: '/CEmployee',
    menuLabel: '社員一覧',
  },
  {
    menuIcon: 'source',
    menuLink: '/CItem',
    menuLabel: '外壁一覧',
    subMenu: [
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub2',
        menuLabel: 'テストサブ2',
      },
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub3',
        menuLabel: 'テストサブ3',
      },
    ],
  },
  {
    menuIcon: 'manage_search',
    menuLink: '/CPastCases',
    menuLabel: '過去案件',
  },
  {
    menuIcon: 'payments',
    menuLink: '/CPaymentHandling',
    menuLabel: '入金対応管理',
  },
  {
    menuIcon: 'dvr',
    menuLink: '/CInformation',
    menuLabel: '自社情報',
  },
  {
    menuIcon: 'help_outline',
    menuLink: '/CContact',
    menuLabel: 'お問い合わせ',
    subMenu: [
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub4',
        menuLabel: 'テストサブ4',
      },
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub5',
        menuLabel: 'テストサブ5',
      },
      {
        menuIcon: 'fiber_manual_record',
        subMenuLink: '/CTestSub6',
        menuLabel: 'テストサブ6',
      },
    ],
  },
]

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

<template>
  サブメニュー追加 model: {{ linkData }}
  <CGlobalNav v-model:linkData="linkData" v-model:targetMenu="targetMenu" p_Color="_primary" />
</template>

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