<script setup lang="ts">
import { ref, reactive, computed, onMounted, watch } from 'vue'
import CCGlobalNavi from '../CCGlobalNavi.vue'
import { useRoute } from 'vue-router'

const path = ref('/')
const clickNav = (str: string) => {
  console.log(str)
}
const mainLogo = 'https://cdn.quasar.dev/img/parallax2.jpg'
const brokenUrl =
  // 'https://cdn.quasar.dev/img/mountains.jpg'
  'https://firebasestorage.googleapis.com/v0/b/testafterfollowconcierge.appspot.com/o/manual%2F1cOQCs73fR17lvUSumyK%2F9O7T8IGd3YX9NUWQO.png?alt=media&token=fff8d0b1-86fb-4378-bc1f-85b979dd919d'
</script>

<template>
  <div>
    <CCGlobalNavi
      class="_navi"
      v-model:fullPath="path"
      @push="(val) => clickNav(val)"
      :logoUrl="brokenUrl"
      :mainLogo="mainLogo"
    />
    {{ path }}
  </div>
</template>

<style scoped></style>
