NativeScript
diff --git a/‎apps/nativescript-hello-world/src/app.ts‎
Lines changed: 0 additions & 1 deletion b/‎apps/nativescript-hello-world/src/app.ts‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎apps/nativescript-hello-world/src/assets/logo_vue.glb‎
-9.2 KB b/‎apps/nativescript-hello-world/src/assets/logo_vue.glb‎
-9.2 KB
diff --git a/‎apps/nativescript-hello-world/src/assets/vue_logo.glb‎
-11.6 KB b/‎apps/nativescript-hello-world/src/assets/vue_logo.glb‎
-11.6 KB
diff --git a/‎apps/nativescript-hello-world/src/components/Canvas.vue‎
Lines changed: 0 additions & 335 deletions b/‎apps/nativescript-hello-world/src/components/Canvas.vue‎
Lines changed: 0 additions & 335 deletions
diff --git a/‎apps/nativescript-hello-world/src/components/Home.vue‎
Lines changed: 3 additions & 5 deletions b/‎apps/nativescript-hello-world/src/components/Home.vue‎
Lines changed: 3 additions & 5 deletions
@@ -1,6 +1,5 @@
 import { CoreTypes, TouchManager, View } from '@nativescript/core';
 import { createApp } from 'nativescript-vue';
-// import '@nativescript/canvas-polyfill';
 import Home from './components/Home.vue';
 
 const originalTransform = Symbol('originalTransform');
 
@@ -1,8 +1,7 @@
 <script lang="ts" setup>
 import { ref } from 'nativescript-vue';
-import Canvas from './Canvas.vue';
 import Pager from './Pager.vue';
-import { CoreTypes, GridLayout } from '@nativescript/core';
+import { Color, CoreTypes, GridLayout } from '@nativescript/core';
 
 const progress = ref(0);
 const updateProgress = (newProgress: number) => {
@@ -18,14 +17,14 @@ const loadedPage = (args) => {
 const animateBgColor = () => {
   grid
     .animate({
-      backgroundColor: '#42b883cc',
+      backgroundColor: new Color('#42b883cc'),
       duration: 2000,
       curve: CoreTypes.AnimationCurve.easeInOut,
     })
     .then(() => {
       grid
         .animate({
-          backgroundColor: '#35495ea9',
+          backgroundColor: new Color('#35495ea9'),
           duration: 2000,
           curve: CoreTypes.AnimationCurve.easeInOut,
         })
@@ -40,7 +39,6 @@ const animateBgColor = () => {
   <Frame>
     <Page actionBarHidden="true">
       <GridLayout rows="*" @loaded="loadedPage">
-        <Canvas :progress="progress" />
         <Pager @updateIndex="updateProgress" />
       </GridLayout>
     </Page>