test: demo update

Author: farfromrefug

demo-vue/app.webpack.config.js

@@ -227,8 +227,7 @@ module.exports = (env, params = {}) => {
     config.plugins = config.plugins.filter(p => ['CopyWebpackPlugin'].indexOf(p.constructor.name) === -1);
     // we add our rules
     config.plugins.unshift(
-        new CopyWebpackPlugin({
-            patterns: [
+        new CopyWebpackPlugin([
                 { from: 'fonts/!(ios|android)/**/*', to: 'fonts', flatten: true, noErrorOnMissing: true },
                 { from: 'fonts/*', to: 'fonts', flatten: true, noErrorOnMissing: true },
                 { from: `fonts/${platform}/**/*`, to: 'fonts', flatten: true, noErrorOnMissing: true },
@@ -245,8 +244,7 @@ module.exports = (env, params = {}) => {
                     to: 'fonts',
                     noErrorOnMissing: true
                 }
-            ]
-        })
+            ])
     );
 
     if (!!production) {

demo-vue/app/examples/Sliders.vue

@@ -19,8 +19,9 @@
                   minValue="0" maxValue="100"
                   :value="value" @valueChange="onValueChanged" />
         <MDSlider
-                  minValue="0" maxValue="100"
+                  minValue="5" maxValue="200"
                   rippleColor="red"
+                  backgroundColor="black"
                   :value="value" @valueChange="onValueChanged" />
         <MDSlider
                   minValue="0" maxValue="100"

demo-vue/package.json

@@ -5,8 +5,8 @@
     "repository": "http://www.github.com/NativeScript/nativescript-ui-sidedrawer.git",
     "dependencies": {
         "@mdi/font": "4.9.95",
-        "@nativescript/core": "7.0.13",
-        "@nativescript-community/text": "1.3.6",
+        "@nativescript/core": "7.3.0",
+        "@nativescript-community/text": "1.4.9",
         "@nativescript-community/ui-material-activityindicator": "file:../packages/activityindicator",
         "@nativescript-community/ui-material-bottom-navigation": "file:../packages/bottom-navigation",
         "@nativescript-community/ui-material-bottomnavigationbar": "file:../packages/bottomnavigationbar",
@@ -25,27 +25,27 @@
         "@nativescript-community/ui-material-textfield": "file:../packages/textfield",
         "@nativescript-community/ui-material-textview": "file:../packages/textview",
         "@nativescript/iqkeyboardmanager": "^2.0.0",
-        "@nativescript/theme": "3.0.0",
-        "nativescript-vue": "~2.8.1",
-        "nativescript-vue-template-compiler": "~2.8.1"
+        "@nativescript/theme": "3.0.1",
+        "nativescript-vue": "~2.8.4",
+        "nativescript-vue-template-compiler": "~2.8.4"
     },
     "devDependencies": {
-        "@babel/core": "^7.12.3",
+        "@babel/core": "^7.13.10",
         "@nativescript/android": "7.0.1",
-        "@nativescript/types": "7.0.4",
-        "@nativescript/webpack": "3.0.8",
-        "babel-loader": "^8.1.0",
-        "nativescript-vue-template-compiler": "~2.8.1",
+        "@nativescript/types": "7.3.0",
+        "@nativescript/webpack": "4.1.0",
+        "babel-loader": "^8.2.2",
+        "nativescript-vue-template-compiler": "~2.8.4",
         "sass-loader": "^10.0.2",
         "scss-symbols-parser": "^2.0.1",
-        "string-replace-loader": "^2.3.0",
-        "tns-ios":"6.5.3",
-        "typescript": "^3.9.7",
+        "string-replace-loader": "^3.0.1",
+        "tns-ios":"6.5.4",
+        "typescript": "^4.2.3",
         "vue": "^2.6.12",
-        "vue-i18n": "^8.21.0",
-        "vue-loader": "^15.9.3",
+        "vue-i18n": "^8.24.1",
+        "vue-loader": "^15.9.6",
         "vue-property-decorator": "^8.5.1",
-        "webpack": "^4.44.1",
+        "webpack": "^4.46.0",
         "webpack-cli": "^3.3.12"
     },
     "scripts": {

demo-vue/webpack.config.js

@@ -302,13 +302,11 @@ module.exports = env => {
                 verbose: !!verbose
             }),
             // Copy assets
-            new CopyWebpackPlugin({
-                patterns: [
+            new CopyWebpackPlugin([
                     { from: 'assets/**', noErrorOnMissing: true, globOptions: { dot: false, ...copyIgnore } },
                     { from: 'fonts/**', noErrorOnMissing: true, globOptions: { dot: false, ...copyIgnore } },
                     { from: '**/*.+(jpg|png)', noErrorOnMissing: true, globOptions: { dot: false, ...copyIgnore } }
-                ],
-            }),
+                ]),
             new nsWebpack.GenerateNativeScriptEntryPointsPlugin('bundle'),
             // For instructions on how to set up workers with webpack
             // check out https://github.com/nativescript/worker-loader