fix(bottomsheet): vue3 component fix

Author: farfromrefug

src/bottomsheet/vue3/index.ts

@@ -1,4 +1,4 @@
-import { App, createApp } from 'nativescript-vue';
+import { createNativeView } from 'nativescript-vue';
 import { Frame, View, ViewBase } from '@nativescript/core';
 import { BottomSheetOptions } from '../bottomsheet';
 import { ComponentCustomProperties } from '@vue/runtime-core';
@@ -34,18 +34,17 @@ const showSheet = (component, options: VueBottomSheetOptions) =>
         let navEntryInstance = createNativeView(
             component,
             Object.assign(
-                {
-                    props: options.props
-                },
+                options.props ?? {},
                 listeners
             )
-        ).mount();
+        );
+        navEntryInstance.mount();
 
         const viewAttached = (options.view as View) ?? Frame.topmost().currentPage;
 
         viewAttached.showBottomSheet(
             Object.assign({}, options, {
-                view: navEntryInstance.$el.nativeView,
+                view: navEntryInstance.nativeView,
                 closeCallback: (...args) => {
                     if (resolved) {
                         return;
@@ -54,10 +53,8 @@ const showSheet = (component, options: VueBottomSheetOptions) =>
                     if (navEntryInstance && navEntryInstance) {
                         options.closeCallback && options.closeCallback.apply(undefined, args);
                         resolve(...args);
-                        navEntryInstance.$emit('bottomsheet:close');
-                        navEntryInstance.$el = null;
-                        navEntryInstance = null;
-                        modalStack.splice(modalStack.length, 1);
+                        navEntryInstance.unmount();
+                        modalStack.pop();
                     }
                 }
             })
@@ -67,7 +64,7 @@ const showSheet = (component, options: VueBottomSheetOptions) =>
 const closeSheet = (...args) => {
     const modalPageInstanceInfo = modalStack[modalStack.length - 1];
     if (modalPageInstanceInfo) {
-        modalPageInstanceInfo.$el.nativeView.closeBottomSheet(args);
+        modalPageInstanceInfo.nativeView.closeBottomSheet(args);
     }
 };
 
@@ -80,9 +77,6 @@ const BottomSheetPlugin = {
     }
 };
 
-const createNativeView = (component: any, props?: any): App => createApp(component, props);
-
-
 interface VueBottomSheetOptions extends Partial<BottomSheetOptions> {
     view?: string | View;
     props?: any;