The way it used to be was a namespace for your company and app name. So if my company’s name was Acme and the app is “Delivery Box”, I’d probably enter com.acme.delivery-box. Digging around in the documentation I found this: cordova create myapp com.mycompany.myteam.myapp MyApp on this page: https://cordova.apache.org/docs/en/9.x/reference/cordova-cli/index.html#directory-structure.

Looks like adding all of my tab components as a sub-route of ‘/’ was the answer. I didn’t fully understand the docs/routing concepts. Thanks for talking it out druppy.

I intended to have the route in index.vue because of how the conventions of Quasar are setup.

I was under the impression that Vue switched the router based on the context, so that the quasar-tabs and children should only effect the <router-view> on their level. Also, the Quasar boilerplate shows that a <router-view>-like component can be injected on the index.vue.

<!--
      Replace following "div" with
      "<router-view class="layout-view">" component
      if using subRoutes
    -->
    <div class="layout-view">
    </div>

I’ve tried both <router-view></router-view> and <div class="layout-view"></div> but neither seems to work. The documentation says either can work, depending on your need for sub-routes. I’m not using sub routes so I could just do <div class="layout-view"></div>, but it doesn’t seem to fix my issue.

To clarify my issue a bit. I have 14 tabs that each link to their own .vue file. I want the <router-view></router-view> to get swapped out for each of these tabs. (Yes, I know I should have a more DRY approach but moving on…).

Every time I click a tab in the component I linked above, I get taken to that tab, the URL changes properly, but the toolbar with all 14 tabs disappears, removed from the DOM. I’m pretty sure I’m following the Quasar docs to the letter but I can’t seem to get it to work with Vue-Router.

This is my current file I’m working with:
https://github.com/wishinghand/OCA-Hackathon-2/blob/master/src/components/index.vue
I have all of the routes in the router.js file.
Whenever I click on each route, the tab bar disappears. I’m not sure what to do to prevent this action.