text: require('./bootstrap');
  
  // import the App Router
  import router from './routes/Router';
  
  import { createApp } from 'vue';
  // import { useRoute } from 'vue-router';
  
  
  import AppNavigation from './vue/layouts/AppNavigation.vue';
  import AppSearchUserMenu from './vue/layouts/AppSearchUserMenu.vue';
  
  import store from './store/store';
  
  // import { ref } from 'vue';
  // import {
  //   HomeIcon,
  //   UsersIcon,
  // } from '@heroicons/vue/outline';
  
  // const navigation = [
  //     { name: 'home', href: '/', icon: HomeIcon, current: true },
  //     { name: 'todos', href: '/todos', icon: UsersIcon, current: false },
  //   //   { name: 'Projects', href: '#', icon: FolderIcon, current: false },
  //   //   { name: 'Calendar', href: '#', icon: CalendarIcon, current: false },
  //   //   { name: 'Documents', href: '#', icon: InboxIcon, current: false },
  //   //   { name: 'Reports', href: '#', icon: ChartBarIcon, current: false },
  // ];
  
  const app = createApp({
      components: {
          AppNavigation,
          AppSearchUserMenu,
      },
      // computed: {
      //     currentRoute() {
      //         return useRoute().name;
      //     },
      // },
      // data() {
      //     return {
      //         appData: {
      //             sidebarOpen: ref(false),
      //         }
      //     };
      // },
      // methods: {
      //     toggleMobileMenu() {
      //         this.$store.commit('toggleMenu');
      //     }
      // },
      // setup() {
      //      return currentRoute;
      // },
      created() {
          // console.log(useRoute().path);
      }
  });
  // app.use(Vuex);
  app.use(store);
  app.use(router);
  app.mount("#app");
  
  