Questions tagged [ionic-vue]

62 questions
8
votes
6 answers

Ionic-Vue Ionicons 5.x.x doesn't show icon

I used ionic-vue with ionicons 5.0.1 but after call i was following https://dev.to/aaronksaunders/build-your-first-ionic-vue-app-18kj and https://github.com/ionic-team/ionic/issues/19078 tutorial, but stucked and…
Moch Diki Widianto
  • 133
  • 1
  • 2
  • 8
6
votes
3 answers

How to set Cordova plugin variables in a Capacitor app?

I am attempting to set up the Wonderpush integration for Ionic using the docs at https://docs.wonderpush.com/docs/mobile-push-notifications-ionic The instructions say to install the plugin with: ionic cordova plugin add wonderpush-cordova-sdk…
abbo2t
  • 206
  • 2
  • 9
4
votes
2 answers

How can i catch a modal this.$emit using ionic modal controller

Hello i'm converting somme of my web code to an ionic-vue app and i wanted to know if we can catch a this.$emit from my modal using the ionic modal controller insted of classic vuecomponent. basically i want to translate
Ramy El Seify
  • 63
  • 1
  • 7
3
votes
1 answer

How to get Ionic ion-alert inputs response using vuejs

I am new to Ionic. I want to get ionic-alert inputs values ​​after pressing ok button as shown in the image bellow. I tried using the following code : async presentAlertPrompt() { const alert = await alertController .create({ …
Gedeon Mutshipayi
  • 2,871
  • 3
  • 21
  • 42
3
votes
1 answer

How to generate icons with cordova-res in Capacitor

I am following this doc to generate app icons using cordova-res. When I run cordova-res android --skip-config --copy it generates android icons in resources folder. The doc says Next, run the following to generate all images then copy them into…
Simo Mafuxwana
  • 3,702
  • 6
  • 41
  • 59
3
votes
1 answer

Adding custom content in actionSheetController

Is there a way to use custom content instead of button list in ionic.actionSheetController? An example of this is in ionic.modalController I can use a custom component for the modal's content. ionic.modalController example import { ProductDetails }…
Simo Mafuxwana
  • 3,702
  • 6
  • 41
  • 59
2
votes
0 answers

Darkmode automatically enabled on Android in Ionic-Vue App

We are developing an Ionic-Vue App for both Android and iOS. In Chrome dev tools the app is behaving as expected: Darkmode is disabled by default and enabled when switching to "prefers-color-scheme: dark". However, when testing the app on real…
2
votes
2 answers

Ionic 6 Capacitor, electron: Cordova is not available. Make sure to include cordova.js or run in a device/simulator

I am trying to use the cordova plugin in a new ionic 6 project but I always run into errors regarding cordova. The plugin is properly installed and shows up in the plugin folder. I use Ionic 6 vue, capacitors and capacitor-community/electron to…
A.Dadkhah
  • 78
  • 1
  • 7
2
votes
2 answers

How to make a Walkthrough Introduction Slider in Ionic Vue Application?

I have seen most of the mobile application has an intro slider when we first time installs the app. I searched on google but all of them are old version of Ionic with Angular. I'm very confused about where to put the component and how should I…
Hasibur Rahman
  • 641
  • 2
  • 7
  • 18
2
votes
0 answers

Failed to resolve component: VuePhoneNumberInput in @ionic-vue

I installed a global component in @ionic-vue, but when using it in another component I get the following error: [Vue warn]: Failed to resolve component: VuePhoneNumberInput at key="/registro" isInOutlet=true ...…
Fiorella Del Solar
  • 389
  • 1
  • 3
  • 12
2
votes
2 answers

Import all ionic components into a Ionic-Vue view

I'm building a Ionic-Vue 5 mobile app and I'm finding myself import a lot of vue components just to use them into my views: import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonInput, IonButton, IonAlert, IonList, …
Suxsem
  • 90
  • 1
  • 7
2
votes
3 answers

Issues navigating to different routes when using tabs in Ionic Vue app

I'm an experienced front-end developer but I'm very new to Ionic so please forgive me for asking a silly question. I'm using Ionic-Vue to create a mobile app. I started with the tabs default template. I can switch between tabs without any problem:…
Suxsem
  • 90
  • 1
  • 7
2
votes
0 answers

Is there a way to fix Ionic Vue input v-model?

I've been working with Ionic and Vue2 for a while and I always have hard time adding ion-input tags to my code, because v-model does not work properly and I have to do all sorts of workarounds. Same is with ion-checkbox and ion-text-area. I was…
Matija_K64
  • 31
  • 6
2
votes
0 answers

How to use google plus into a vuejs ionic project

I'm working on an app with Vue.js and Ionic (Beta) and with capacitor. In all tutorial, we need to store variable with the cordova cli. cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=myreversedclientid But I don't have…
jenoh
  • 165
  • 3
  • 17
2
votes
1 answer

Ionic 4 custom styling Shadow DOM

Been trying to change footer background but I cant get it right. I have a color for each tag but only the last tag is changed (blue - #0000ff) . How does one do styling in Ionic 4?