aaronksaunders/ionic-vue-split-screen

Ionic Vue Web Components - Split-Screen aka SideMenu

ionic-vue-split-screen - vuex branch

SEE UPDATED CODE - https://github.com/aaronksaunders/ionic-vue3-split-screen-vuex-starter

Ionic Vue Web Components - Split-Screen aka SideMenu

• Updated May 20th - latest version of ionic, modified to work with ionic/cli commands
• The Vue Composition Version of this project is available on this branch vue-composition

YOU TUBE VIDEO

https://www.youtube.com/watch?v=T6YL1jeH8EM

Differences from the Base Vue Implementation

Adding the ionic specific router will provide default animations to application

• Using IonicVueRouter from @ionic/vue
• Using ion-vue-router in html instead of router-vue
• Adding simple authentication example using vuex for state management
• Modified to work with ionic/cli commands

To Run

ionic serve

ionic-vue-split-screen's Issues

Need Some help

Hi,

I was looking for latest version of this app, but that link seems to be broken.

Could you please assist me here?

I am trying to apply split screen on my sample application.

https://codesandbox.io/s/naughty-zhukovsky-28qwb

Please view it in full screen.
default route /landing for the first load you can see left side Menu is open.
Now I click on Enter button - route changes to /traimolo - Left menu still visible
Now I click back button - route changes to /landing but left menu disappears :( I do not see error on console so not sure what is wrong.

If you can pick anything that will be really helpful.

white screen on mobile?

Thanks for making this, I've been struggling trying to get a split-view that would work for a tablet version of my app.

When I resize the example screen you linked it just goes blank for mobile widths - how to have it be a "normal" drawer nav when that is the case? https://codesandbox.io/s/ionic-vue-web-components-split-screen-qmv57 Then I click 'open in new window' for the app and turn on the chrome mobile device spoofing.