initial commit

Author: rigor789

.gitignore

@@ -0,0 +1 @@
+node_modules/

README.md

@@ -0,0 +1 @@
+# nativescript-vue-cli-plugin

generator/index.js

@@ -0,0 +1,34 @@
+module.exports = (api, options, rootOptions) => {
+  const fs = require('fs')
+  const rimraf = require('rimraf')
+
+  api.extendPackage({
+    scripts: {
+      'watch:android': 'vue-cli-service tns --android',
+      'watch:ios': 'vue-cli-service tns --ios',
+    },
+    dependencies: {
+      'nativescript-vue': '^1.3.1'
+    },
+    devDependencies: {
+      'nativescript-vue-loader': '1.0.0',
+      'nativescript-vue-template-compiler': '^1.3.1',
+    }
+  })
+
+  api.extendPackage(pkg => {
+    delete pkg.dependencies['vue']
+    delete pkg.devDependencies['vue-template-compiler']
+    delete pkg.browserslist
+  })
+
+  api.render('./templates/simple')
+
+  // delete the "public" directory
+  api.onCreateComplete(() => {
+    const publicPath = api.resolve('public')
+    if(fs.existsSync(publicPath)) {
+      rimraf.sync(publicPath)
+    }
+  })
+}

generator/templates/simple/src/App.vue

@@ -0,0 +1,55 @@
+<%_ if (!rootOptions.router) { _%>
+<template>
+  <Page>
+    <ActionBar title="NativeScript-Vue"/>
+    <GridLayout rows="auto, auto">
+        <Image src="./assets/logo.png" row="0" />
+        <HelloWorld msg="Welcome to Your Vue.js App" row="1" />
+    </GridLayout>
+  </Page>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'app',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+<%_ } else { _%>
+<template>
+  <Page>
+    <ActionBar title="NativeScript-Vue"/>
+    <GridLayout rows="auto, auto, *">
+        <Button text="Home" @tap="$router.replace('/')" />
+        <Button text="About" @tap="$router.replace('/about')" />
+
+        <router-view row="2" />
+    </GridLayout>
+  </Page>
+</template>
+<%_ } _%>
+
+<%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
+<style<%-
+  rootOptions.cssPreprocessor
+    ? ` lang="${
+        rootOptions.cssPreprocessor === 'sass'
+          ? 'scss'
+          : rootOptions.cssPreprocessor
+      }"`
+    : ``
+%>>
+ActionBar {
+  color: #42b983;
+}
+</style>
+<%_ } else { _%>
+<style lang="stylus">
+ActionBar
+  color #42b983
+</style>
+<%_ } _%>

generator/templates/simple/src/assets/logo.png

@@ -0,0 +1,36 @@
+<template>
+    <GridLayout>
+        <Label class="message" :text="msg" row="0" />
+    </GridLayout>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
+<style scoped<%-
+  rootOptions.cssPreprocessor
+    ? ` lang="${
+        rootOptions.cssPreprocessor === 'sass'
+          ? 'scss'
+          : rootOptions.cssPreprocessor
+      }"`
+    : ``
+%>>
+.message {
+  color: #42b983;
+}
+</style>
+<%_ } else { _%>
+<style scoped lang="stylus">
+.message
+  color #42b983
+</style>
+<%_ } _%>

generator/templates/simple/src/components/HelloWorld.vue

@@ -0,0 +1,20 @@
+---
+extend: '@vue/cli-service/generator/template/src/main.js'
+replace:
+  - !!js/regexp /import Vue from 'vue'/
+  - !!js/regexp /Vue.config.productionTip = false/
+  - !!js/regexp /}\)\.\$mount\('app'\)/
+---
+
+<%# REPLACE %>
+import Vue from 'nativescript-vue'
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+// Set the following to `true` to hide the logs created by nativescript-vue
+Vue.config.silent = false
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+}).$start()
+<%# END_REPLACE %>

generator/templates/simple/src/main.js

@@ -0,0 +1,9 @@
+---
+extend: '@vue/cli-service/generator/template/src/router.js'
+replace:
+  - !!js/regexp /import Vue from 'vue'/
+---
+
+<%# REPLACE %>
+import Vue from 'nativescript-vue'
+<%# END_REPLACE %>

generator/templates/simple/src/router.js

@@ -0,0 +1,9 @@
+---
+extend: '@vue/cli-service/generator/template/src/store.js'
+replace:
+  - !!js/regexp /import Vue from 'vue'/
+---
+
+<%# REPLACE %>
+import Vue from 'nativescript-vue'
+<%# END_REPLACE %>

generator/templates/simple/src/store.js

@@ -0,0 +1,7 @@
+<%_ if (rootOptions.router) { _%>
+<template>
+    <GridLayout>
+        <Label text="This is an about page" textWrap="true" />
+    </GridLayout>
+</template>
+<%_ } _%>