chore: update to latest deps

Author: rigor789

apps/demo/app/BottomNavigation.js renamed to apps/demo/app/_exploration/BottomNavigation.js

@@ -1,4 +1,4 @@
-import PageComp from '~/PageComp'
+import PageComp from '~/_exploration/PageComp'
 import { ref } from 'nativescript-vue'
 export default {
   template: `<ScrollView><StackLayout>

apps/demo/app/Comp.js renamed to apps/demo/app/_exploration/Comp.js

@@ -20,7 +20,7 @@ import ListViewComp from './ListViewComp'
 import Test from './Test'
 
 // todo: figure out why isOn is undefined in Vue - causes a crash...
-global.isOn = (name) => name.startsWith('on')
+// global.isOn = (name) => name.startsWith('on')
 
 const withVModel = (node, arg, mods) =>
   withDirectives(node, [[vModel, arg, '', mods]])
@@ -55,18 +55,6 @@ const testComp = defineComponent({
 Trace.setCategories('ListView')
 Trace.enable()
 
-function dumpViewTree(root) {
-  const mapNode = (node) => {
-    return {
-      id: node.nodeId,
-      type: node.tagName ? node.tagName : node.nodeType,
-      text: node.text,
-      children: node.childNodes.map(mapNode),
-    }
-  }
-  return root.childNodes.map(mapNode)
-}
-
 function useInterval(cb, ms) {
   const interval = setInterval(cb, ms)
   onUnmounted(() => clearInterval(interval))

apps/demo/app/ListViewComp.js renamed to apps/demo/app/_exploration/ListViewComp.js

@@ -0,0 +1,46 @@
+<template>
+    <Frame>
+        <Page>
+            <ActionBar title="My Vue3 App!" />
+
+            <StackLayout ref="stackLayout">
+                <Label>Hello World</Label>
+                <Button @tap="toggleThing">Tap Here</Button>
+                <HelloWorld v-if="showThing" />
+            </StackLayout>
+        </Page>
+    </Frame>
+</template>
+
+<script>
+import { ref, defineComponent } from 'nativescript-vue'
+import HelloWorld from './HelloWorld.vue';
+
+export default defineComponent({
+    components: {
+        HelloWorld
+    },
+    setup() {
+        const stackLayout = ref(null)
+
+        const showThing = ref(false);
+        const toggleThing = () => {
+            showThing.value = !showThing.value
+        }
+
+        return {
+            stackLayout,
+            showThing,
+            toggleThing,
+        };
+    },
+});
+</script>
+
+<style>
+label {
+    font-size: 24;
+    color: #65adf1;
+    text-align: center;
+}
+</style>

apps/demo/app/PageComp.js renamed to apps/demo/app/_exploration/PageComp.js

@@ -0,0 +1,4 @@
+<template>
+    <Label>Hi, welcome to Vue3!</Label>
+    <Label textWrap>It supports multiple root elements, so you are no longer limited to wrapping every component</Label>
+</template>