https://github.com/aaronksaunders/ionic-vue-split-screen

Ionic Vue Web Components - Split-Screen aka SideMenu
https://github.com/aaronksaunders/ionic-vue-split-screen

drawer-navigation ionic-framework ionic4 sidemenu split-layout vue vuejs web-components

Last synced: about 1 month ago
JSON representation

Ionic Vue Web Components - Split-Screen aka SideMenu

• Host: GitHub
• URL: https://github.com/aaronksaunders/ionic-vue-split-screen
• Owner: aaronksaunders
• Created: 2019-06-20T06:18:12.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T01:55:57.000Z (almost 2 years ago)
• Last Synced: 2023-03-11T14:08:03.551Z (almost 2 years ago)
• Topics: drawer-navigation, ionic-framework, ionic4, sidemenu, split-layout, vue, vuejs, web-components
• Language: Vue
• Size: 3.56 MB
• Stars: 11
• Watchers: 0
• Forks: 1
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)

# 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](https://github.com/aaronksaunders/ionic-vue-split-screen/tree/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`](https://www.npmjs.com/package/@ionic/vue)

- Using `ion-vue-router` in html instead of `router-vue`

- Adding simple authentication example using [`vuex`](https://vuex.vuejs.org/) for state management

- Modified to work with ionic/cli commands

### To Run

 ```

 ionic serve

 ```