test: demo vue update

demo-vue/app/_app-variables.scss

@@ -1,78 +0,0 @@
-// Import the theme’s variables. If you’re using a color scheme
-// other than “light”, switch the path to the alternative scheme,
-// for example '~nativescript-theme-core/scss/dark'.
-@import "~@nativescript/theme/scss/variables";
-
-// Custom colors
-$background-dark: #F8F8F8 !default;
-$background-light: #FFFFFF !default;
-
-$blue-dark: #022734 !default;
-$blue-light: #02556E !default;
-$blue-50: rgba($blue-dark, 0.5) !default;
-$blue-20: rgba($blue-dark, 0.2) !default;
-$blue-10: rgba($blue-dark, 0.1) !default;
-
-$accent-dark: #3A53FF !default;
-$accent-light: #4781FE !default;
-
-$success-dark: #06CE6A !default;
-$success-light: #00E676 !default;
-
-$warning-dark: #f39c11 !default;
-$warning-light: #F2C112 !default;
-
-$error-dark: #D84039 !default;
-$error-light: #ED473F !default;
-
-$midnight-dark: #0F336D !default;
-$midnight-light: #14418B !default;
-
-$night-dark: #023141 !default;
-$night-light: #01526C !default;
-
-// Sizes
-$base-font-size: 11;
-
-$border-width: 1;
-$border-radius: 3;
-
-
-/**
- * Theme variables overrides
-**/
-
-// Colors
-$background: #fff;
-$primary: lighten(#000, 13%);
-$secondary: lighten(#000, 46%);
-$disabled: lighten(#000, 62%);
-$accent: $accent-dark;
-$error: $error-light;
-
-// SideDrawer
-$item-color-android : #737373;
-$item-active-background: #F8F8F8;
-$item-active-color: $accent;
-$item-active-icon-color: $item-active-color;
-$item-color-ios: $blue-dark;
-$item-color-android: $blue-dark;
-
-$side-drawer-header-background: #fafafa;
-$side-drawer-header-brand: #737373;
-$side-drawer-background: #FFFFFF;
-
-// ActionBar
-$ab-background: $accent;
-$ab-color: $white;
-
-// Buttons
-$btn-color-inverse: $white;
-$btn-color: $accent;
-$btn-color-secondary: darken($btn-color, 10%);
-$btn-color-outline-highlighted: lighten($btn-color, 10%);
-
-//Text colors
-$headings-color: $blue-dark;
-$secondary: $blue-dark;
-$text-color: $blue-dark;

demo-vue/app/app.scss

@@ -1,8 +1,4 @@
 // Import app variables
-@import 'app-variables';
-
 // Import the theme’s main ruleset - both index and platform specific.
-@import "~@nativescript/theme/core";
-@import "~@nativescript/theme/default";
 // Import common styles
 @import 'app-common';

demo-vue/app/app.ts

@@ -4,17 +4,17 @@ import Home from './components/Home.vue';
 
 // register LottieView component for the plugin
 Vue.registerElement(
-  'lottie-view',
-  () => require('@nativescript-community/ui-lottie').LottieView
+    'lottie-view',
+    () => require('@nativescript-community/ui-lottie').LottieView
 );
 
 new Vue({
-  template: `
+    template: `
         <Frame>
             <Home />
         </Frame>`,
 
-  components: {
-    Home
-  }
+    components: {
+        Home
+    }
 }).$start();

demo-vue/app/components/Home.vue

@@ -27,7 +27,7 @@ function generateItems(count, offset = 0) {
     return new Array(count).fill().map((_, i) => ({
         name: `Item ${i}`,
         description: `Item ${i} description`,
-        lottie: '~/assets/4803-weather-storm.json'
+        lottie: '~/assets/LottieLogo1.json'
     }));
 }
 
@@ -52,7 +52,7 @@ export default {
 
 // Custom styles
 .fa {
-    color: $accent-dark;
+    color: blue;
 }
 
 .info {

demo-vue/nativescript.config.ts

@@ -0,0 +1,11 @@
+import { NativeScriptConfig } from '@nativescript/core';
+
+export default {
+    id: 'org.nativescript.demovue',
+    appPath: 'app',
+    appResourcesPath: 'app/App_Resources',
+    android: {
+        v8Flags: '--expose_gc',
+        markingMode: 'none',
+    },
+} as NativeScriptConfig;

demo-vue/package.json

@@ -1,43 +1,25 @@
 {
-  "nativescript": {
-    "id": "org.nativescript.demovue",
-    "tns-android": {
-      "version": "6.0.0"
-    },
-    "tns-ios": {
-      "version": "6.5.0-beta.2-v8-2020-02-05-153040-01"
-    }
-  },
   "description": "NativeScript Application",
   "license": "SEE LICENSE IN <your-license-filename>",
   "repository": "<fill-your-repository-here>",
   "dependencies": {
-    "@nativescript/theme": "2.3.0",
-    "@nativescript/core": "6.4.0",
     "@nativescript-community/ui-lottie": "file:../plugin",
-    "nativescript-vue": "2.4.0"
+    "@nativescript/core": "~8.1.5",
+    "nativescript-vue": "~2.9.0"
   },
   "devDependencies": {
-    "@babel/core": "~7.8.4",
-    "@babel/preset-env": "~7.8.4",
-    "ansi-styles": "^4.2.1",
-    "babel-loader": "~8.0.6",
-    "chalk": "^2.3.0",
-    "del": "5.1.0",
-    "nativescript-akylas-webpack-template": "^1.0.15",
-    "nativescript-dev-webpack": "1.4.1",
-    "nativescript-vue-template-compiler": "2.4.0",
-    "node-sass": "4.13.1",
-    "tslint": "~6.0.0",
-    "typescript": "3.7.5",
-    "vue-loader": "~15.8.3",
-    "webpack": "4.41.5",
-    "webpack-cli": "3.3.10"
+    "@nativescript/android": "8.1.1",
+    "@nativescript/ios": "8.1.0",
+    "@nativescript/webpack": "5.0.0",
+    "nativescript-vue-template-compiler": "~2.9.0",
+    "typescript": "~4.4.4",
+    "vue": "2.6.14"
   },
   "scripts": {
     "build.plugin": "cd ../src && npm run build",
     "ci.tslint": "npm i && tslint --config '../tslint.json' 'app/**/*.ts' --exclude '**/node_modules/**' --exclude '**/platforms/**'"
   },
   "gitHead": "59b6da006346fedb5bb201fcc9cd7d204a69a82f",
-  "readme": "NativeScript Application"
-}
+  "readme": "NativeScript Application",
+  "main": "app/app"
+}