Hey, sorry, I overly simplified the example. What is weird (well more like what I don’t understand) is how the App.vue “broke” the actual layouts that I am using. The referenced repo behaves as expected (minus any page content) for mat but draws a blank for iOS. All good now, but might help somebody else who gets themselves into this situation.
@Credo Read about configuring Vue Router in hash vs history mode. You are trying to access a path as if your Vue Router was configured to history mode ( http://localhost:8080/main), but the #/ at the end shows your Vue Router is in the default hash mode. http://router.vuejs.org/en/essentials/history-mode.html
I tried cmd, git bash, npm.cmd & node independently
Problem was that npm install -g quasar-cli was not installing the quasar.cmd files in the .bin file of nodist(node/npm version control).
I had to reinstall nodist (and node and npm) after an update.
quasar.cmd was installed properly and am up & running.
Mind you I’ve got to update a couple of node_modules now
Ok, took a look (sorry for the delay). Remove the max-width on the .boxed-layout CSS class and apply a max-width and margin 0 auto within the pages themselves. Hope I understood correctly what you are trying to do.
In src/main.js we instantiate Vue on the #q-app div that is on index.html. This replaces it with your App.vue component, which in turn must maintain the id attribute so that some components will have a reference to work with. So it’s needed in both places.
I managed to solve my problem but the drawer component in my other .vue file is not tagged with <q-drawer>, just a <div> instead. Then I referenced that in a <q-drawer> in Index.vue. It’s definitely not the right way but it solves my issue.
Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.