69e10de718
* refactor(ionicons): update to ionicons v5 * refactor(back-button): update back button icon to v5 ionicons * refactor(item): update default detail icon to chevron-forward * refactor(reorder): update reorder icon for ionicons v5 * refactor(searchbar): use search-sharp * refactor(searchIcon): update v5 ionicon * refactor(clearIcon): update searchbar clear icon * refactor(cancelButton): update to arrow-back-sharp * refactor(menuIcon): update to v5 ionicons * api readme updates * update react and vue ionicons * add ionicons to react deps * add ionicons to ionic/vue deps * add icon to react test * updates * fix back button regression for no icon * update tests * fix more tests * fix more icons * update ionicons version * fix circle icons * add correct ellipsis
@ionic/vue (beta)
Ionic Vue.js specific building blocks on top of @ionic/core components.
To get started simply install @ionic/vue and @ionic/core with npm into your project and then register @ionic/vue as a plugin to your vue application.
import Vue from 'vue';
import Ionic from '@ionic/vue';
Vue.use(Ionic);
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app');
Publishing a Native Application
You can now make use of all of the ionic components in your vue application. If you want to publish your app to the App Store or Google Play you will need to use the ionic cli to execute Capacitor commands to do so.
More information on this can be found here. https://ionicframework.com/docs/cli If you want to learn more about Capacitor our dedicated site can be found here. https://capacitor.ionicframework.com/
The commands that you will need to execute are below.
ionic capacitor add
ionic capacitor copy
ionic capacitor run
Current known limitations
This is an beta release of @ionic/vue so please understand that there are some missing pieces but know that many of the components will work.
- The shorthand
v-modelbinding is currently not supported - Stack navigation for deep transitions is under heavy development at this time.