ionic-vue | Vuejs integration for Ionic versions | iOS library

I'm looking for a way to create nested lists with draggable elements in VueJs3 & Ionic

This is the result I'd like to have: https://ej2.syncfusion.com/vue/documentation/treeview/drag-and-drop/

Moreover, I'd like each item of the list to be part of "ion-sliding" tag for them to have some options when they're sliding like this: https://ionicframework.com/docs/v3/api/components/item/ItemSliding/

I tried to use "ion-reorder-group" but it doesn't allow me to create nested lists like I would like to. I also tried a bunch of librairies but I'm not able to make any of them work with my Ionic-Vue3 project.

I'm stuck on this issue and I would be very glad to have any recommendations or help !

Thank you very much

I'm trying to access the closeSlidingItems method of the IonList component so that the sliding item is closed automatically once I click on a button which appears from behind after sliding this item to the right.

I tried to do it by putting a reference to IonList, then accessing it from the callback method for the click event on this button. However, I get an error:

Cannot read property 'closeSlidingItems' of undefined

This is the code in the root component:

I am trying to create ionic vue snippets. So far it seems to only work when added on the top level and not working when added inside a template or div tag. How can I insert snippets inside these tags?

Snippet

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: each tab has an associated route and component and the right component is shown instantly when i switch tab.

Now to the problem.

I'm trying to add a new route/component for the Login screen. I want the login screen to be outside of the tab system so I put it as a top-level route "/login" with its associated component. I added a new button on the first tab in order to login, this is the code.

I have been trying to deploy on netlify for a while now. All the suggestions here, here and here are not working. Any suggestions?

Project is using Ionic 5.x Vue 3.0.0-rc.10

Netlify error

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

I am trying to create an ionic-vue app following this post but I get Cannot convert undefined or null to object error, when I register @ionic/vue plugin in main.js.