Vue-cli compatible template

.gitignore

@@ -1,42 +1,3 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
 node_modules
-jspm_packages
-
-# Optional npm cache directory
-.npm
-
-# Optional REPL history
-.node_repl_history
-
 .DS_Store
-node_modules/
-dist/
-npm-debug.log
+docs/_book

README.md

@@ -2,6 +2,15 @@
 
 A full-featured Framework7 + Vue + Webpack setup with hot-reload & css extraction. Based on [Vue Webpack Boilerplate](https://github.com/vuejs-templates/webpack)
 
+## Install
+
+If you didn't installed vue-cli, you can use `npm i -g vue-cli` command for install vue-cli.
+
+``` bash
+# clones template to <directory_name>
+vue init nolimits4web/Framework7-Vue-Webpack-Template <directory_name>
+```
+
 ## Build Setup
 
 ``` bash

meta.js

@@ -0,0 +1,26 @@
+module.exports = {
+	"prompts": {
+		"name": {
+			"type": "string",
+			"required": true,
+			"message": "Project name"
+		},
+		"description": {
+			"type": "string",
+			"required": false,
+			"message": "Project Description",
+			"default": "Webpack - Vue - Framework7 Template Project"
+		},
+		"author": {
+			"type": "string",
+			"message": "Author"
+		},
+		"homepage": {
+			"type": "string",
+			"required": false,
+			"message": "Project Website",
+			"default": ""
+		}
+	},
+	"completeMessage": "To get started:\n\n  cd {{destDirName}}\n  npm install\n  npm run dev\n\nDocumentation can be found at https://github.com/nolimits4web/Framework7-Vue-Webpack-Template"
+};

package.json

@@ -1,71 +1,26 @@
 {
-  "name": "framework7-vue-webpack-template",
-  "version": "1.0.0",
-  "description": "Framework7 Vue + Webpack starter app template",
-  "scripts": {
-    "dev": "node build/dev-server.js",
-    "build": "node build/build.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nolimits4web/Framework7-Vue-Webpack-Template.git"
-  },
-  "keywords": [
-    "ios",
-    "webpack",
-    "framework7",
-    "vue",
-    "vuejs",
-    "material",
-    "mobile",
-    "app",
-    "f7"
-  ],
-  "author": "Vladimir Kharlampidi",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/nolimits4web/Framework7-Vue-Webpack-Template/issues"
-  },
-  "homepage": "http://framework7.io/vue/",
-  "dependencies": {
-    "vue": "^2.1.8",
-    "framework7": "^1.5.2",
-    "framework7-vue": "^0.7.2"
-  },
-  "devDependencies": {
-    "autoprefixer": "^6.4.0",
-    "babel-core": "^6.0.0",
-    "babel-loader": "^6.0.0",
-    "babel-plugin-transform-runtime": "^6.0.0",
-    "babel-preset-es2015": "^6.0.0",
-    "babel-preset-stage-2": "^6.0.0",
-    "babel-register": "^6.0.0",
-    "chalk": "^1.1.3",
-    "connect-history-api-fallback": "^1.1.0",
-    "css-loader": "^0.25.0",
-    "eventsource-polyfill": "^0.9.6",
-    "express": "^4.13.3",
-    "extract-text-webpack-plugin": "^1.0.1",
-    "file-loader": "^0.9.0",
-    "function-bind": "^1.0.2",
-    "html-webpack-plugin": "^2.8.1",
-    "http-proxy-middleware": "^0.17.2",
-    "json-loader": "^0.5.4",
-    "opn": "^4.0.2",
-    "ora": "^0.3.0",
-    "semver": "^5.3.0",
-    "shelljs": "^0.7.4",
-    "url-loader": "^0.5.7",
-    "vue-loader": "^10.0.0",
-    "vue-style-loader": "^1.0.0",
-    "vue-template-compiler": "^2.1.0",
-    "webpack": "^1.13.2",
-    "webpack-dev-middleware": "^1.8.3",
-    "webpack-hot-middleware": "^2.12.2",
-    "webpack-merge": "^0.14.1"
-  },
-  "engines": {
-    "node": ">= 4.0.0",
-    "npm": ">= 3.0.0"
-  }
-}
+	"name": "framework7-vue-webpack-template",
+	"version": "1.0.0",
+	"description": "Framework7 Vue + Webpack starter app template",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/nolimits4web/Framework7-Vue-Webpack-Template.git"
+	},
+	"keywords": [
+		"ios",
+		"webpack",
+		"framework7",
+		"vue",
+		"vuejs",
+		"material",
+		"mobile",
+		"app",
+		"f7"
+	],
+	"author": "Vladimir Kharlampidi",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/nolimits4web/Framework7-Vue-Webpack-Template/issues"
+	},
+	"homepage": "http://framework7.io/vue/"
+}

template/.gitignore

@@ -0,0 +1,42 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules
+jspm_packages
+
+# Optional npm cache directory
+.npm
+
+# Optional REPL history
+.node_repl_history
+
+.DS_Store
+node_modules/
+dist/
+npm-debug.log

template/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Vladimir Kharlampidi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

template/README.md

@@ -0,0 +1,35 @@
+# Framework7 Vue + Webpack App Template
+
+A full-featured Framework7 + Vue + Webpack setup with hot-reload & css extraction. Based on [Vue Webpack Boilerplate](https://github.com/vuejs-templates/webpack)
+
+## Install
+
+If you didn't installed vue-cli, you can use `npm i -g vue-cli` command for install vue-cli.
+
+``` bash
+# clones template to <directory_name>
+vue init nolimits4web/Framework7-Vue-Webpack-Template <directory_name>
+```
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```
+
+## Project Structure
+
+* `src/assets` - folder with static assets (images)
+* `src/components` - folder with custom `.vue` components
+* `src/css` - put custom app CSS styles here. Don't forget to import them in `main.js`
+* `src/pages` - app `.vue` pages
+* `src/main.js` - main app file where you include/import all required libs and init app
+* `src/routes.js` - app routes
+* `src/app.vue` - main app structure/component

template/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "{{ name }}",
+  "version": "1.0.0",
+  "description": "{{ description }}",
+  "author": "{{ author }}",
+  "homepage": "{{ homepage }}",
+  "license": "MIT",
+  "scripts": {
+    "dev": "node build/dev-server.js",
+    "build": "node build/build.js"
+  },
+  "dependencies": {
+    "vue": "^2.1.8",
+    "framework7": "^1.5.2",
+    "framework7-vue": "^0.7.6"
+  },
+  "devDependencies": {
+    "autoprefixer": "^6.4.0",
+    "babel-core": "^6.0.0",
+    "babel-loader": "^6.0.0",
+    "babel-plugin-transform-runtime": "^6.0.0",
+    "babel-preset-es2015": "^6.0.0",
+    "babel-preset-stage-2": "^6.0.0",
+    "babel-register": "^6.0.0",
+    "chalk": "^1.1.3",
+    "connect-history-api-fallback": "^1.1.0",
+    "css-loader": "^0.25.0",
+    "eventsource-polyfill": "^0.9.6",
+    "express": "^4.13.3",
+    "extract-text-webpack-plugin": "^1.0.1",
+    "file-loader": "^0.9.0",
+    "function-bind": "^1.0.2",
+    "html-webpack-plugin": "^2.8.1",
+    "http-proxy-middleware": "^0.17.2",
+    "json-loader": "^0.5.4",
+    "opn": "^4.0.2",
+    "ora": "^0.3.0",
+    "semver": "^5.3.0",
+    "shelljs": "^0.7.4",
+    "url-loader": "^0.5.7",
+    "vue-loader": "^10.0.0",
+    "vue-style-loader": "^1.0.0",
+    "vue-template-compiler": "^2.1.0",
+    "webpack": "^1.13.2",
+    "webpack-dev-middleware": "^1.8.3",
+    "webpack-hot-middleware": "^2.12.2",
+    "webpack-merge": "^0.14.1"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  }
+}

src/app.vue → template/src/app.vue

@@ -113,7 +113,7 @@
           <f7-page>
             <f7-navbar title="Popup">
               <f7-nav-right>
-                <f7-link close-popup>Close</f7-link>
+                <f7-link :close-popup="true">Close</f7-link>
               </f7-nav-right>
             </f7-navbar>
             <f7-block>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, architecto. Cupiditate laudantium rem nesciunt numquam, ipsam. Voluptates omnis, a inventore atque ratione aliquam. Omnis iusto nemo quos ullam obcaecati, quod.</f7-block>