test: vue demo app

Author: farfromrefug

demo-vue/app.webpack.config.js

@@ -206,7 +206,7 @@ module.exports = (env, params = {}) => {
     });
 
     // // we remove default rules
-    config.plugins = config.plugins.filter((p) => ['CopyPlugin'].indexOf(p.constructor.name) === -1);
+    config.plugins = config.plugins.filter((p) => ['CopyPlugin', 'ForkTsCheckerWebpackPlugin'].indexOf(p.constructor.name) === -1);
     // we add our rules
     const globOptions = { dot: false, ignore: [`**/${relative(appPath, appResourcesFullPath)}/**`] };
     const context = nsWebpack.Utils.platform.getEntryDirPath();

demo-vue/app/app.scss

@@ -3,12 +3,14 @@
 }
 
 label {
-    color:black;
+    color: black;
     .ns-dark & {
         color: red;
     }
 }
-mdbutton,MDFloatingActionButton, MDCardView {
+mdbutton,
+MDFloatingActionButton,
+MDCardView {
     shape: cut;
 }
 // page {
@@ -65,4 +67,33 @@ bottomnavigationbar {
     stroke-color: green;
     stroke-inactive-color: red;
     placeholder-color: #757575;
-}
+}
+
+MDTabs {
+    /* color: gold; */
+}
+
+MDTabContentItem.special {
+    color: green;
+}
+
+MDTabStrip {
+    color: skyblue;
+    selected-item-color: brown;
+    // un-selected-item-color: orange;
+    highlight-color: yellow;
+    background-color: green;
+}
+
+MDTabStripItem.special {
+    color: teal;
+}
+
+MDTabStripItem.nested {
+    color: teal;
+}
+
+MDTabStripItem:highlighted {
+    background-color: red;
+    color: purple;
+}

demo-vue/app/examples/BottomNavigation.vue

@@ -78,7 +78,7 @@ MDTabs {
   /* color: gold; */
 }
 
-MDTabContentItem.special {
+/* MDTabContentItem.special {
   color: green;
 }
 
@@ -101,6 +101,6 @@ MDTabStripItem.nested {
 MDTabStripItem:highlighted {
     background-color: red;
   color: yellowgreen;
-}
+} */
 
 </style>