small template updates

introducing Vue CLI 3 UI

Author: jawa-the-hutt

Diff for: generator/index.js

@@ -821,7 +821,7 @@ const renderDirectoryStructure = (module.exports.renderDirectoryStructure = asyn
 ) => {
   try {
     const files = new Array();
-    const baseDir = await extractCallDir()
+    const baseDir = await extractCallDir();
     const _files = await getAllFilesInDirStructure(srcPathPrefix, baseDir);
 
     for (const rawPath of _files) {
@@ -902,7 +902,6 @@ const getAllFilesInDirStructure = (module.exports.replaceInFile = async (srcPath
 // utility function used to remove sections of strings from files
 const replaceInFile = (module.exports.replaceInFile = async (options) => {
   try {
-    //const changes = 
     await replace(options);
   } catch (error) {
     console.error('Error occurred:', error);

Diff for: generator/templates/simple/src/App.vue

@@ -10,7 +10,8 @@
     </nav>
     <div class="w-container">
       <router-link tag="button" class="w-button" id="homeButton" to="/">Home</router-link>
-      <router-link tag="button" class="w-button" id="aboutButton" to="/about">About</router-link>
+      <!-- alternate way to route manually and use the same method as native -->
+      <button class="w-button" id="aboutButton" v-on:click="goToAboutPage">About</button>
       <router-view/>
     </div>
   </div>
@@ -62,6 +63,8 @@
 
 <%_   if (!rootOptions.router) { _%>
   const { VUE_APP_MODE, VUE_APP_PLATFORM } = process.env;
+<%_   } else { _%>
+  const { VUE_APP_MODE } = process.env;
 <%_   } _%>
 
   export default {
@@ -84,7 +87,7 @@
         this.$navigateTo(Home);
       },
       goToAboutPage() {
-        this.$navigateTo(About);
+        VUE_APP_MODE == 'web' ? this.$router.push('about') : this.$navigateTo(About);
       }
 <%_   } _%>
     }
@@ -101,9 +104,11 @@
   import About from '~/views/About.vue';
 <%_ } _%>
 
-<%_ if (!rootOptions.router) { _%>
+<%_   if (!rootOptions.router) { _%>
   const { VUE_APP_MODE, VUE_APP_PLATFORM } = process.env;
-<%_ } _%>
+<%_   } else { _%>
+  const { VUE_APP_MODE } = process.env;
+<%_   } _%>
 
   @Component({
     name: 'home',
@@ -125,7 +130,7 @@
     }
 
     public goToAboutPage() {
-      Vue.prototype.$navigateTo(About);
+      VUE_APP_MODE == 'web' ? this.$router.push('about') : Vue.prototype.$navigateTo(About);
     }
 <%_ } _%>
   }

Diff for: generator/templates/vue-sfc-template.vue

@@ -2,14 +2,18 @@
 <%# -------------------- IS Using vue-router  -------------------- -%>
 <%_   if (!options.isNativeOnly) { _%>
 <template web></template>
+<template native>
+<%_   } else { _%>
+<template>
 <%_   } _%>
-<template native></template>
 <%_ } else { _%>
 <%# -------------------- IS NOT Using vue-router  -------------------- -%>
 <%_   if (!options.isNativeOnly) { _%>
 <template web></template>
+<template native>
+<%_   } else { _%>
+<template>
 <%_   } _%>
-<template native></template>
 <%_ } _%>
 <%_ if (!usingTS && rootOptions.router) { _%>
 <%# -------------------- IS NOT Using TypeScript AND IS Using vue-router  -------------------- -%>

Diff for: logo.png

@@ -0,0 +1,19 @@
+/* eslint-disable no-unused-vars */
+module.exports = (api) => {
+  api.describeConfig({
+    // Unique ID for the config
+    id: 'org.nativescript-vue.plugin.cli',
+    // Displayed name
+    name: 'Nativescript-Vue CLI 3 Plugin',
+    // Shown below the name
+    description: 'A vue cli 3.x plugin for NativeScript-Vue',
+    // "More info" link
+    link: 'https://github.com/nativescript-vue/vue-cli-plugin-nativescript-vue#readme',
+    onRead: ({ data, cwd }) => ({
+      //
+    }),
+    onWrite: ({ prompts, answers, data, files, cwd, api }) => {
+      //
+    }
+  });
+};