build v0.6.3

chore: vue to 3.0.5

Author: Arenukvern

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xsoulspace/vue_flutter_tailwind",
   "description": "Vue3 styled like Flutter with Tailwind CSS",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "private": false,
   "author": {
     "name": "Anton Malofeev",
@@ -33,7 +33,7 @@
     "@tailwindcss/postcss7-compat": "^2.0.3",
     "postcss": "^7",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat",
-    "vue": "^3.0.0",
+    "vue": "^3.0.5",
     "vue3-virtual-scroller": "^0.2.1",
     "vue-grid-layout": "3.0.0-beta1"
   },

public/index.html

@@ -15,7 +15,7 @@
         continue.</strong
       >
     </noscript>
-    <div id="app" style="position: relative"></div>
+    <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
 </html>

src/components/Navigation.tsx

@@ -4,6 +4,7 @@ import {
   defineComponent,
   h,
   Teleport,
+  watch,
 } from '@vue/runtime-core'
 import { Colors } from '../abstract/Colors'
 import { EdgeInsetsStep } from '../abstract/EdgeInsets'
@@ -38,7 +39,13 @@ export const Navigation = ({ child }: NavigationI) => {
       )
 
       const isRoutesExists = computed(() => routeController.count > 0)
+      watch(isRoutesExists, () => {
+        console.log({ isRoutesExists })
+      })
       const isFullscreen = computed(() => routeController._isFullscreen)
+      watch(isRoutesExists, () => {
+        console.log({ isFullscreen })
+      })
       const isNotFullscreen = computed(() => routeController._isNotFullscreen)
       return () =>
         h('div', {}, [
@@ -47,7 +54,7 @@ export const Navigation = ({ child }: NavigationI) => {
             Visibility({
               visible: isRoutesExists,
               child: h(
-                <Teleport to="body">
+                <Teleport to="#app">
                   {h(
                     Positioned({
                       _zIndex: routeController._backgroundZIndex.value,