use jiraiya972/nativescript-vue-cli-template (#25)

.gitignore

@@ -10,4 +10,6 @@
 # NPM
 node_modules
 
-/dist
+# nativescript build
+hooks
+platforms

README.md

@@ -15,7 +15,7 @@ This project uses:
 - NativeScript components;
 - NativeScript animation;
 - NativeScript http lib to connect to a backend service;
-- NativeScript `vue-cli-template` (see [nativescript-vue/vue-cli-template/](https://github.com/nativescript-vue/vue-cli-template/))
+- NativeScript `nativescript-vue-cli-template` (see [jiraiya972/nativescript-vue-cli-template/](https://github.com/jiraiya972/nativescript-vue-cli-template/))
 
 ## Video demo
 
@@ -28,21 +28,12 @@ This project uses:
 npm install
 
 # Build for production
-npm run build
-npm run build:<platform>
+tns build <platform> --bundle
 
 # Build, watch for changes and debug the application
-npm run debug
-npm run debug:<platform>
+tns debug <platform> --bundle
 
 # Build, watch for changes and run the application
-npm run watch
-npm run watch:<platform>
+tns run <platform> --bundle
 
-# Clean the NativeScript application instance (i.e. rm -rf dist)
-npm run clean
-```
-
-> When invoking the various npm scripts, omitting the platform will attempt to launch `tns` for both platforms, which will only work in a properly configured OSX environment.
-
-For detailed instructions, see https://github.com/nativescript-vue/vue-cli-template
+```

template/app/App_Resources/Android/values/strings.xml → app/App_Resources/Android/src/main/res/values/strings.xml

@@ -1,5 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <string name="app_name">Groceries</string>
-    <string name="title_activity_kimera">Groceries</string>
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="app_name">Groceries</string>
+    <string name="title_activity_kimera">Groceries</string>
 </resources>

template/app/package.json → app/package.json

@@ -2,7 +2,7 @@
   "android": {
     "v8Flags": "--expose_gc"
   },
-  "main": "app.js",
+  "main": "main",
   "name": "groceries-ns-vue",
   "version": "1.1.0"
 }

src/store/index.js → app/store/index.js

@@ -25,4 +25,4 @@ const store = new Vuex.Store({
 
 Vue.prototype.$store = store;
 
-module.exports = store;
+export default store;

package.json

@@ -4,17 +4,14 @@
   "description": "A NativeScript-built iOS and Android app for managing grocery lists",
   "author": "Tiago Alves <tralves@gmail.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "webpack --env.tnsAction build",
-    "build:android": "npm run build -- --env.android",
-    "build:ios": "npm run build -- --env.ios",
-    "debug": "webpack --watch --env.tnsAction debug",
-    "debug:android": "npm run debug -- --env.android",
-    "debug:ios": "npm run debug -- --env.ios",
-    "watch": "webpack --watch --env.tnsAction run",
-    "watch:android": "npm run watch -- --env.android",
-    "watch:ios": "npm run watch -- --env.ios",
-    "clean": "rimraf dist"
+  "nativescript": {
+    "id": "org.nativescript.groceriesvue",
+    "tns-ios": {
+      "version": "4.1.0"
+    },
+    "tns-android": {
+      "version": "4.1.3"
+    }
   },
   "dependencies": {
     "email-validator": "^2.0.3",
@@ -25,26 +22,23 @@
     "vuex": "^3.0.1"
   },
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "copy-webpack-plugin": "^4.5.1",
-    "css-loader": "^0.28.11",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "fs-extra": "^5.0.0",
-    "nativescript-vue-externals": "^0.1.2",
-    "nativescript-vue-loader": "^0.1.5",
-    "nativescript-vue-target": "^0.1.0",
+    "babel-traverse": "6.26.0",
+    "babel-types": "6.26.0",
+    "babylon": "6.18.0",
+    "clean-webpack-plugin": "^0.1.19",
+    "copy-webpack-plugin": "^4.5.2",
+    "css-loader": "^1.0.0",
+    "lazy": "1.0.11",
+    "mini-css-extract-plugin": "^0.4.1",
+    "nativescript-dev-webpack": "^0.15.0",
     "nativescript-vue-template-compiler": "^1.3.1",
-    "node-sass": "^4.7.2",
-    "ns-vue-loader": "^0.1.2",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
-    "rimraf": "^2.6.2",
-    "sass-loader": "^6.0.7",
-    "vue-template-compiler": "^2.5.16",
-    "webpack": "^3.11.0",
-    "webpack-synchronizable-shell-plugin": "0.0.7",
-    "winston-color": "^1.0.0"
+    "nativescript-worker-loader": "~0.9.0",
+    "node-sass": "^4.9.2",
+    "sass-loader": "^7.1.0",
+    "uglifyjs-webpack-plugin": "~1.2.7",
+    "vue-loader": "^15.2.6",
+    "webpack": "^4.16.4",
+    "webpack-bundle-analyzer": "~2.13.1",
+    "webpack-cli": "^3.1.0"
   }
 }