From 2d446bf5ae6a7d4131ed4aac91fb242d2b289a30 Mon Sep 17 00:00:00 2001
From: Capi Etheriel <barraponto@gmail.com>
Date: Wed, 22 Nov 2017 09:26:32 -0500
Subject: [PATCH 01/12] Add untouched barraponto vue preset

---
 packages/vue/README.md    | 62 ++++++++++++++++++++++++++++
 packages/vue/index.js     | 87 +++++++++++++++++++++++++++++++++++++++
 packages/vue/package.json | 41 ++++++++++++++++++
 3 files changed, 190 insertions(+)
 create mode 100644 packages/vue/README.md
 create mode 100644 packages/vue/index.js
 create mode 100644 packages/vue/package.json

diff --git a/packages/vue/README.md b/packages/vue/README.md
new file mode 100644
index 000000000..d5cdbb57f
--- /dev/null
+++ b/packages/vue/README.md
@@ -0,0 +1,62 @@
+# Neutrino Vue preset
+
+[![Greenkeeper badge](https://badges.greenkeeper.io/barraponto/neutrino-preset-vue.svg)](https://greenkeeper.io/)
+[![NPM version][npm-image]][npm-url] [![NPM downloads][npm-downloads]][npm-url]
+[![Join Slack][slack-image]][slack-url]
+
+`neutrino-preset-vue` is a Neutrino preset that adds basic support for
+[Vue components][vuejs].
+
+## Documentation
+
+Install this preset to your development dependencies, then set it in
+`.neutrinorc.js`. It should go after `neutrino-preset-web`, though it just needs
+something to give it an entry point.
+
+```js
+  module.exports = {
+    use: [
+      "neutrino-preset-web",
+      "neutrino-preset-vue"
+    ],
+    ...
+  };
+```
+
+If you're using `neutrino-preset-lint` or any preset based on it,
+this preset will add eslint plugin and rules for Vue components.
+
+If you're using `neutrino-preset-stylelint` or any preset based on it,
+this preset will add support for `<style>` tags in Vue components.
+
+Just ensure the linter presets are loaded *before* this one.
+
+## Support Object spread syntax
+
+Vuex makes heavy use of object rest/spread, which is still a stage 3 ECMAScript
+proposal. If you want to use it, you have to add the
+[babel plugin][babel-object-rest-spread-plugin] for it. Neutrino Web Preset
+users can just add it to that preset through an option in `.neutrinorc.js`.
+
+
+```js
+  module.exports = {
+    use: [
+      ["neutrino-preset-web", {
+        babel: {
+          plugins: [require.resolve('babel-plugin-transform-object-rest-spread')]
+       }
+      }],
+      "neutrino-preset-vue"
+    ],
+    ...
+  };
+```
+
+[vuejs]: https://vuejs.org/v2/guide/components.html
+[babel-object-rest-spread-plugin]: https://www.npmjs.com/package/babel-plugin-transform-object-rest-spread
+[npm-image]: https://img.shields.io/npm/v/neutrino-preset-vue.svg
+[npm-downloads]: https://img.shields.io/npm/dt/neutrino-preset-vue.svg
+[npm-url]: https://npmjs.org/package/neutrino-preset-vue
+[slack-image]: https://neutrino-slack.herokuapp.com/badge.svg
+[slack-url]: https://neutrino-slack.herokuapp.com/
diff --git a/packages/vue/index.js b/packages/vue/index.js
new file mode 100644
index 000000000..cdf9dc29f
--- /dev/null
+++ b/packages/vue/index.js
@@ -0,0 +1,87 @@
+const path = require('path');
+const arrify = require('arrify');
+const merge = require('deepmerge');
+
+const LOADER_EXTENSIONS = /\.vue$/;
+const MODULES = path.join(__dirname, 'node_modules');
+
+module.exports = ({ config }, options) => {
+  const styleRule = config.module.rules.get('style');
+  const lintRule = config.module.rules.get('lint');
+  const compileRule = config.module.rules.get('compile');
+
+  config.module.rule('vue')
+    .test(LOADER_EXTENSIONS)
+    .use('vue')
+    .loader(require.resolve('vue-loader'))
+    .options(options);
+
+  config.resolve.extensions.add('.vue');
+
+  if (styleRule && styleRule.uses.has('postcss')) {
+    const postcssLoaderOptions = styleRule.use('postcss').get('options');
+    if (Object.getOwnPropertyNames(postcssLoaderOptions).length) { // check if object is not empty
+      config.module
+        .rule('vue')
+        .use('vue')
+        .tap((vueLoaderOptions = {}) => merge({
+          postcss: postcssLoaderOptions
+        }, vueLoaderOptions));
+    }
+  }
+
+  if (compileRule && compileRule.uses.has('babel')) {
+    const babelOptions = compileRule.use('babel').get('options');
+    config.module
+      .rule('vue')
+      .use('vue')
+      .tap((vueLoaderOptions = {}) => merge({
+        loaders: {
+          js: {
+            loader: 'babel-loader',
+            options: babelOptions
+          }
+        }
+      }, vueLoaderOptions));
+  }
+
+  if (lintRule) {
+    // ensure conditions is an array of original values plus our own regex
+    const conditions = arrify(lintRule.get('test')).concat([LOADER_EXTENSIONS]);
+    config.module
+      .rule('lint')
+      .test(conditions)
+      .use('eslint')
+      .tap(options => merge(options, {
+        plugins: ['vue'],
+        envs: ['node'],
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true
+          }
+        },
+        rules: {
+          'vue/jsx-uses-vars': 2
+        }
+      }));
+  }
+
+  if (config.plugins.has('stylelint')) {
+    config.plugin('stylelint')
+      .tap(args => [
+        merge(args[0], {
+          files: ['**/*.vue'],
+          config: {
+            processors: [require.resolve('stylelint-processor-html')],
+            rules: {
+              // allows empty <style> in vue components
+              'no-empty-source': null
+            }
+          }
+        })
+      ]);
+  }
+
+  config.resolve.modules.add(MODULES);
+  config.resolveLoader.modules.add(MODULES);
+};
diff --git a/packages/vue/package.json b/packages/vue/package.json
new file mode 100644
index 000000000..5a7d0f4f9
--- /dev/null
+++ b/packages/vue/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "neutrino-preset-vue",
+  "version": "4.0.0-rc.1",
+  "description": "Neutrino preset adding Vue.js support.",
+  "main": "src/index.js",
+  "author": "Capi Etheriel <barraponto@gmail.com> (https://barraponto.blog.br)",
+  "repository": "https://github.com/barraponto/neutrino-preset-vue",
+  "bugs": "https://github.com/barraponto/neutrino-preset-vue/issues",
+  "license": "GPL-3.0",
+  "peerDependencies": {
+    "neutrino": "^7.0.0",
+    "vue": "^2.5.0"
+  },
+  "devDependencies": {
+    "commitizen": "^2.9.6",
+    "cz-conventional-changelog": "^2.0.0",
+    "eslint": "^4.9.0",
+    "eslint-plugin-prettier": "^2.3.1",
+    "neutrino": "^7.2.1",
+    "neutrino-preset-airbnb-base": "^7.2.1",
+    "prettier": "^1.7.4"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-conventional-changelog"
+    }
+  },
+  "keywords": [
+    "neutrino",
+    "neutrino-preset",
+    "vue"
+  ],
+  "dependencies": {
+    "arrify": "^1.0.1",
+    "deepmerge": "^1.4.4",
+    "eslint-plugin-vue": "^2.1.0",
+    "stylelint-processor-html": "^1.0.0",
+    "vue-loader": "^13.3.0",
+    "vue-template-compiler": "^2.5.2"
+  }
+}

From b47adff2ea1180ac5ba0f9db1b583d3dad222334 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 09:35:14 -0500
Subject: [PATCH 02/12] Modify preset to comply with new neutrino

---
 packages/vue/README.md    | 283 ++++++++++++++++++++++++++++++++------
 packages/vue/index.js     |  50 +++----
 packages/vue/package.json |  34 ++---
 yarn.lock                 | 184 +++++++++++++++++++++++--
 4 files changed, 448 insertions(+), 103 deletions(-)

diff --git a/packages/vue/README.md b/packages/vue/README.md
index d5cdbb57f..3c18ecc58 100644
--- a/packages/vue/README.md
+++ b/packages/vue/README.md
@@ -1,62 +1,257 @@
-# Neutrino Vue preset
+# Neutrino Vue Preset
 
-[![Greenkeeper badge](https://badges.greenkeeper.io/barraponto/neutrino-preset-vue.svg)](https://greenkeeper.io/)
-[![NPM version][npm-image]][npm-url] [![NPM downloads][npm-downloads]][npm-url]
-[![Join Slack][slack-image]][slack-url]
+[![NPM version][npm-image]][npm-url]
+[![NPM downloads][npm-downloads]][npm-url]
+[![Join the Neutrino community on Spectrum][spectrum-image]][spectrum-url]
 
-`neutrino-preset-vue` is a Neutrino preset that adds basic support for
-[Vue components][vuejs].
+## Features
 
-## Documentation
+- Zero upfront configuration necessary to start developing and building a Vue web app
+- Modern Babel compilation.
+- Extends from [@neutrinojs/web](https://neutrino.js.org/packages/web)
+  - Modern Babel compilation supporting ES modules, last 2 major browser versions, async functions, and dynamic imports
+  - Webpack loaders for importing HTML, CSS, images, icons, fonts, and web workers
+  - Webpack Dev Server during development
+  - Automatic creation of HTML pages, no templating necessary
+  - Hot Module Replacement support
+  - Tree-shaking to create smaller bundles
+  - Production-optimized bundles with Babili minification, easy chunking, and scope-hoisted modules for faster execution
+  - Easily extensible to customize your project as needed
 
-Install this preset to your development dependencies, then set it in
-`.neutrinorc.js`. It should go after `neutrino-preset-web`, though it just needs
-something to give it an entry point.
+## Requirements
+
+- Node.js v6.10+
+- Yarn or npm client
+- Neutrino v7
+
+## Installation
+
+`@neutrinojs/vue` can be installed via the Yarn or npm clients. Inside your project, make sure
+`neutrino` and `@neutrinojs/vue` are development dependencies. You will also need Vue for actual
+Vue development.
+
+#### Yarn
+
+```bash
+❯ yarn add --dev neutrino @neutrinojs/vue
+❯ yarn add vue
+```
+
+#### npm
+
+```bash
+❯ npm install --save-dev neutrino @neutrinojs/vue
+❯ npm install --save vue
+
+
+## Project Layout
+
+`@neutrinojs/vue` follows the standard [project layout](https://neutrino.js.org/project-layout) specified by Neutrino. This
+means that by default all project source code should live in a directory named `src` in the root of the
+project. This includes JavaScript files, CSS stylesheets, images, and any other assets that would be available
+to import your compiled project.
+
+## Quickstart
+
+After installing Neutrino and the Vue preset, add a new directory named `src` in the root of the project, with
+two files `index.js` and `App.vue` in it.
+
+```bash
+❯ mkdir src && touch src/index.js && touch src/App.vue
+```
+
+This Vue preset exposes an element in the page with an ID of `root` to which you can mount your application. Edit
+your `src/index.js` file with the following:
 
 ```js
-  module.exports = {
-    use: [
-      "neutrino-preset-web",
-      "neutrino-preset-vue"
-    ],
-    ...
+import Vue from 'vue';
+import App from './App.vue';
+
+new Vue({
+  el: '#root',
+  render: (h) => h(App),
+});
+```
+
+Next, edit your `src/App.vue` with the following:
+
+```html
+<script>
+  export default {
+    name: 'App',
+    data() {
+      return {};
+    }
   };
+</script>
+
+<template>
+  <div>
+    <h1>Hello world!</h1>
+  </div>
+</template>
+```
+
+Now edit your project's package.json to add commands for starting and building the application:
+
+```json
+{
+  "scripts": {
+    "start": "neutrino start --use @neutrinojs/vue",
+    "build": "neutrino build --use @neutrinojs/vue"
+  }
+}
+```
+
+If you are using `.neutrinorc.js`, add this preset to your use array instead of `--use` flags:
+
+```js
+module.exports = {
+  use: ['@neutrinojs/vue']
+};
+```
+
+#### Yarn
+
+```bash
+❯ yarn start
+✔ Development server running on: http://localhost:5000
+✔ Build completed
+```
+
+#### npm
+
+```bash
+❯ npm start
+✔ Development server running on: http://localhost:5000
+✔ Build completed
 ```
 
-If you're using `neutrino-preset-lint` or any preset based on it,
-this preset will add eslint plugin and rules for Vue components.
+Start the app, then open a browser to the address in the console:
 
-If you're using `neutrino-preset-stylelint` or any preset based on it,
-this preset will add support for `<style>` tags in Vue components.
+## Building
+
+`@neutrinojs/vue` builds static assets to the `build` directory by default when running `neutrino build`. Using
+the quick start example above as a reference:
+
+```bash
+❯ yarn build
+
+✔ Building project completed
+Hash: b26ff013b5a2d5f7b824
+Version: webpack 3.5.6
+Time: 9773ms
+                           Asset       Size    Chunks             Chunk Names
+   index.dfbad882ab3d86bfd747.js     181 kB     index  [emitted]  index
+polyfill.57dabda41992eba7552f.js    69.2 kB  polyfill  [emitted]  polyfill
+ runtime.3d9f9d2453f192a2b10f.js    1.51 kB   runtime  [emitted]  runtime
+                      index.html  846 bytes            [emitted]
+✨  Done in 14.62s.
+```
 
-Just ensure the linter presets are loaded *before* this one.
+You can either serve or deploy the contents of this `build` directory as a static site.
 
-## Support Object spread syntax
+## Static assets
 
-Vuex makes heavy use of object rest/spread, which is still a stage 3 ECMAScript
-proposal. If you want to use it, you have to add the
-[babel plugin][babel-object-rest-spread-plugin] for it. Neutrino Web Preset
-users can just add it to that preset through an option in `.neutrinorc.js`.
+If you wish to copy files to the build directory that are not imported from application code, you can place
+them in a directory within `src` called `static`. All files in this directory will be copied from `src/static`
+to `build/static`. To change this behavior, specify your own patterns with
+[@neutrinojs/copy](../../packages/copy/README.md).
 
+## Paths
+
+The `@neutrinojs/web` preset loads assets relative to the path of your application by setting Webpack's
+[`output.publicPath`](https://webpack.js.org/configuration/output/#output-publicpath) to `./`. If you wish to load
+assets instead from a CDN, or if you wish to change to an absolute path for your application, customize your build to
+override `output.publicPath`. See the [Customizing](#Customizing) section below.
+
+
+## Preset options
+
+You can provide custom options and have them merged with this preset's default options to easily affect how this
+preset builds. You can modify Vue preset settings from `.neutrinorc.js` by overriding with an options object. Use
+an array pair instead of a string to supply these options in `.neutrinorc.js`.
+
+The following shows how you can pass an options object to the Vue preset and override its options. See the
+[Web documentation](https://neutrino.js.org/packages/web#preset-options) for specific options you can override with this object.
 
 ```js
-  module.exports = {
-    use: [
-      ["neutrino-preset-web", {
-        babel: {
-          plugins: [require.resolve('babel-plugin-transform-object-rest-spread')]
-       }
-      }],
-      "neutrino-preset-vue"
-    ],
-    ...
-  };
+module.exports = {
+  use: [
+    ['@neutrinojs/vue', {
+      /* preset options */
+
+      // Example: disable Hot Module Replacement
+      hot: false,
+
+      // Example: change the page title
+      html: {
+        title: 'Epic Vue App'
+      },
+
+      // Target specific browsers with babel-preset-env
+      targets: {
+        browsers: [
+          'last 1 Chrome versions',
+          'last 1 Firefox versions'
+        ]
+      },
+
+      // Add additional Babel plugins, presets, or env options
+      babel: {
+        // Override options for babel-preset-env:
+        presets: [
+          ['babel-preset-env', {
+            modules: false,
+            useBuiltIns: true,
+            exclude: ['transform-regenerator', 'transform-async-to-generator'],
+          }]
+        ]
+      }
+    }]
+  ]
+};
 ```
 
-[vuejs]: https://vuejs.org/v2/guide/components.html
-[babel-object-rest-spread-plugin]: https://www.npmjs.com/package/babel-plugin-transform-object-rest-spread
-[npm-image]: https://img.shields.io/npm/v/neutrino-preset-vue.svg
-[npm-downloads]: https://img.shields.io/npm/dt/neutrino-preset-vue.svg
-[npm-url]: https://npmjs.org/package/neutrino-preset-vue
-[slack-image]: https://neutrino-slack.herokuapp.com/badge.svg
-[slack-url]: https://neutrino-slack.herokuapp.com/
+## Customizing
+
+To override the build configuration, start with the documentation on [customization](https://neutrino.js.org/customization).
+`@neutrinojs/vue` does not use any additional named rules, loaders, or plugins that aren't already in use by the
+Web preset. See the [Web documentation customization](https://neutrino.js.org/packages/web#customizing)
+for preset-specific configuration to override.
+
+### Advanced configuration
+
+By following the [customization guide](https://neutrino.js.org/customization) and knowing the rule, loader, and plugin IDs from
+`@neutrinojs/web`, you can override and augment the build by providing a function to your `.neutrinorc.js` use
+array. You can also make these changes from the Neutrino API in custom middleware.
+
+#### Vendoring
+
+By defining an entry point named `vendor` you can split out external dependencies into a chunk separate
+from your application code.
+
+_Example: Put Vue into a separate "vendor" chunk:_
+
+```js
+module.exports = {
+  use: [
+    '@neutrinojs/vue',
+    (neutrino) => neutrino.config
+      .entry('vendor')
+        .add('vue')
+  ]
+};
+```
+
+## Contributing
+
+This preset is part of the [neutrino-dev](https://github.com/mozilla-neutrino/neutrino-dev) repository, a monorepo
+containing all resources for developing Neutrino and its core presets and middleware. Follow the
+[contributing guide](https://neutrino.js.org/contributing) for details.
+
+[npm-image]: https://img.shields.io/npm/v/@neutrinojs/vue.svg
+[npm-downloads]: https://img.shields.io/npm/dt/@neutrinojs/vue.svg
+[npm-url]: https://npmjs.org/package/@neutrinojs/vue
+[spectrum-image]: https://withspectrum.github.io/badge/badge.svg
+[spectrum-url]: https://spectrum.chat/neutrino
diff --git a/packages/vue/index.js b/packages/vue/index.js
index cdf9dc29f..c83591f0a 100644
--- a/packages/vue/index.js
+++ b/packages/vue/index.js
@@ -1,3 +1,4 @@
+const web = require('@neutrinojs/web');
 const path = require('path');
 const arrify = require('arrify');
 const merge = require('deepmerge');
@@ -5,34 +6,22 @@ const merge = require('deepmerge');
 const LOADER_EXTENSIONS = /\.vue$/;
 const MODULES = path.join(__dirname, 'node_modules');
 
-module.exports = ({ config }, options) => {
-  const styleRule = config.module.rules.get('style');
-  const lintRule = config.module.rules.get('lint');
-  const compileRule = config.module.rules.get('compile');
+module.exports = (neutrino, options) => {
+  neutrino.use(web, options);
 
-  config.module.rule('vue')
+  const lintRule = neutrino.config.module.rules.get('lint');
+  const compileRule = neutrino.config.module.rules.get('compile');
+
+  neutrino.config.module.rule('vue')
     .test(LOADER_EXTENSIONS)
     .use('vue')
     .loader(require.resolve('vue-loader'))
     .options(options);
 
-  config.resolve.extensions.add('.vue');
-
-  if (styleRule && styleRule.uses.has('postcss')) {
-    const postcssLoaderOptions = styleRule.use('postcss').get('options');
-    if (Object.getOwnPropertyNames(postcssLoaderOptions).length) { // check if object is not empty
-      config.module
-        .rule('vue')
-        .use('vue')
-        .tap((vueLoaderOptions = {}) => merge({
-          postcss: postcssLoaderOptions
-        }, vueLoaderOptions));
-    }
-  }
-
   if (compileRule && compileRule.uses.has('babel')) {
     const babelOptions = compileRule.use('babel').get('options');
-    config.module
+
+    neutrino.config.module
       .rule('vue')
       .use('vue')
       .tap((vueLoaderOptions = {}) => merge({
@@ -48,7 +37,7 @@ module.exports = ({ config }, options) => {
   if (lintRule) {
     // ensure conditions is an array of original values plus our own regex
     const conditions = arrify(lintRule.get('test')).concat([LOADER_EXTENSIONS]);
-    config.module
+    neutrino.config.module
       .rule('lint')
       .test(conditions)
       .use('eslint')
@@ -66,10 +55,10 @@ module.exports = ({ config }, options) => {
       }));
   }
 
-  if (config.plugins.has('stylelint')) {
-    config.plugin('stylelint')
-      .tap(args => [
-        merge(args[0], {
+  if (neutrino.config.plugins.has('stylelint')) {
+    neutrino.config.plugin('stylelint')
+      .tap(([options, ...args]) => [
+        merge(options, {
           files: ['**/*.vue'],
           config: {
             processors: [require.resolve('stylelint-processor-html')],
@@ -78,10 +67,15 @@ module.exports = ({ config }, options) => {
               'no-empty-source': null
             }
           }
-        })
+        }),
+        ...args
       ]);
   }
 
-  config.resolve.modules.add(MODULES);
-  config.resolveLoader.modules.add(MODULES);
+  neutrino.config
+    .resolve
+      .modules.add(MODULES).end()
+      .extensions.add('.vue').end()
+      .end()
+    .resolveLoader.modules.add(MODULES);
 };
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 5a7d0f4f9..9104a1a86 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,41 +1,31 @@
 {
-  "name": "neutrino-preset-vue",
-  "version": "4.0.0-rc.1",
+  "name": "@neutrinojs/vue",
+  "version": "7.3.2",
   "description": "Neutrino preset adding Vue.js support.",
   "main": "src/index.js",
   "author": "Capi Etheriel <barraponto@gmail.com> (https://barraponto.blog.br)",
-  "repository": "https://github.com/barraponto/neutrino-preset-vue",
-  "bugs": "https://github.com/barraponto/neutrino-preset-vue/issues",
-  "license": "GPL-3.0",
+  "license": "MPL-2.0",
   "peerDependencies": {
-    "neutrino": "^7.0.0",
-    "vue": "^2.5.0"
+    "neutrino": "^7.0.0"
   },
   "devDependencies": {
-    "commitizen": "^2.9.6",
-    "cz-conventional-changelog": "^2.0.0",
-    "eslint": "^4.9.0",
-    "eslint-plugin-prettier": "^2.3.1",
-    "neutrino": "^7.2.1",
-    "neutrino-preset-airbnb-base": "^7.2.1",
-    "prettier": "^1.7.4"
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
+    "neutrino": "^7.2.1"
   },
   "keywords": [
     "neutrino",
     "neutrino-preset",
-    "vue"
+    "vue",
+    "web",
+    "hot module replacement"
   ],
   "dependencies": {
+    "@neutrinojs/web": "^7.3.2",
     "arrify": "^1.0.1",
+    "babel-preset-vue": "^1.2.1",
     "deepmerge": "^1.4.4",
     "eslint-plugin-vue": "^2.1.0",
     "stylelint-processor-html": "^1.0.0",
-    "vue-loader": "^13.3.0",
-    "vue-template-compiler": "^2.5.2"
+    "vue-loader": "^13.5.0",
+    "vue-template-compiler": "^2.5.6"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index 72d8b8257..29b18bdcb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -835,6 +835,10 @@ babel-helper-to-multiple-sequence-expressions@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/babel-helper-to-multiple-sequence-expressions/-/babel-helper-to-multiple-sequence-expressions-0.2.0.tgz#d1a419634c6cb301f27858c659167cfee0a9d318"
 
+babel-helper-vue-jsx-merge-props@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.2.tgz#aceb1c373588279e2755ea1cfd35c22394fd33f8"
+
 babel-helpers@^6.24.1:
   version "6.24.1"
   resolved "https://registry.yarnpkg.com/babel-helpers/-/babel-helpers-6.24.1.tgz#3471de9caec388e5c850e597e58a26ddf37602b2"
@@ -914,12 +918,28 @@ babel-plugin-jest-hoist@^21.2.0:
   version "21.2.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-21.2.0.tgz#2cef637259bd4b628a6cace039de5fcd14dbb006"
 
+babel-plugin-jsx-event-modifiers@^2.0.2:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jsx-event-modifiers/-/babel-plugin-jsx-event-modifiers-2.0.5.tgz#93e6ebb5d7553bb08f9fedbf7a0bee3af09a0472"
+
 babel-plugin-jsx-pragmatic@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-jsx-pragmatic/-/babel-plugin-jsx-pragmatic-1.0.2.tgz#41e2beb8642235f34b2a7ab12ca39e07201b8e59"
   dependencies:
     babel-plugin-syntax-jsx "^6.0.0"
 
+babel-plugin-jsx-v-model@^2.0.1:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jsx-v-model/-/babel-plugin-jsx-v-model-2.0.3.tgz#c396416b99cb1af782087315ae1d3e62e070f47d"
+  dependencies:
+    babel-plugin-syntax-jsx "^6.18.0"
+    html-tags "^2.0.0"
+    svg-tags "^1.0.0"
+
+babel-plugin-jsx-vue-functional@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jsx-vue-functional/-/babel-plugin-jsx-vue-functional-2.1.0.tgz#5630a0c86fe1904d28c30465e6bf1cf71235a239"
+
 babel-plugin-minify-builtins@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-minify-builtins/-/babel-plugin-minify-builtins-0.2.0.tgz#317f824b0907210b6348671bb040ca072e2e0c82"
@@ -1005,7 +1025,7 @@ babel-plugin-syntax-flow@^6.18.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-flow/-/babel-plugin-syntax-flow-6.18.0.tgz#4c3ab20a2af26aa20cd25995c398c4eb70310c8d"
 
-babel-plugin-syntax-jsx@^6.0.0, babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
+babel-plugin-syntax-jsx@^6.0.0, babel-plugin-syntax-jsx@^6.18.0, babel-plugin-syntax-jsx@^6.3.13, babel-plugin-syntax-jsx@^6.8.0:
   version "6.18.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
 
@@ -1313,6 +1333,12 @@ babel-plugin-transform-undefined-to-void@^6.8.3:
   version "6.8.3"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-undefined-to-void/-/babel-plugin-transform-undefined-to-void-6.8.3.tgz#fc52707f6ee1ddc71bb91b0d314fbefdeef9beb4"
 
+babel-plugin-transform-vue-jsx@^3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-transform-vue-jsx/-/babel-plugin-transform-vue-jsx-3.5.0.tgz#6b1ad29351ad753919403675f0bf8b2a43e17671"
+  dependencies:
+    esutils "^2.0.2"
+
 babel-polyfill@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
@@ -1408,6 +1434,17 @@ babel-preset-react@^6.24.0:
     babel-plugin-transform-react-jsx-source "^6.22.0"
     babel-preset-flow "^6.23.0"
 
+babel-preset-vue@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/babel-preset-vue/-/babel-preset-vue-1.2.1.tgz#b0de8977e0ce981fc6824cf0a537917a02a6fe87"
+  dependencies:
+    babel-helper-vue-jsx-merge-props "^2.0.2"
+    babel-plugin-jsx-event-modifiers "^2.0.2"
+    babel-plugin-jsx-v-model "^2.0.1"
+    babel-plugin-jsx-vue-functional "^2.1.0"
+    babel-plugin-syntax-jsx "^6.18.0"
+    babel-plugin-transform-vue-jsx "^3.5.0"
+
 babel-register@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
@@ -1550,7 +1587,7 @@ block-stream@*, block-stream@0.0.9:
   dependencies:
     inherits "~2.0.0"
 
-bluebird@^3.0.0, bluebird@^3.3.0, bluebird@^3.4.7, bluebird@^3.5.0, bluebird@^3.5.1, bluebird@~3.5.0:
+bluebird@^3.0.0, bluebird@^3.1.1, bluebird@^3.3.0, bluebird@^3.4.7, bluebird@^3.5.0, bluebird@^3.5.1, bluebird@~3.5.0:
   version "3.5.1"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.1.tgz#d9551f9de98f1fcda1e683d17ee91a0602ee2eb9"
 
@@ -2393,6 +2430,12 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
 
+consolidate@^0.14.0:
+  version "0.14.5"
+  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.14.5.tgz#5a25047bc76f73072667c8cb52c989888f494c63"
+  dependencies:
+    bluebird "^3.1.1"
+
 constant-case@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/constant-case/-/constant-case-2.0.0.tgz#4175764d389d3fa9c8ecd29186ed6005243b6a46"
@@ -2624,6 +2667,18 @@ core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
 
+cosmiconfig@^2.1.0, cosmiconfig@^2.1.1:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-2.2.2.tgz#6173cebd56fac042c1f4390edf7af6c07c7cb892"
+  dependencies:
+    is-directory "^0.3.1"
+    js-yaml "^3.4.3"
+    minimist "^1.2.0"
+    object-assign "^4.1.0"
+    os-homedir "^1.0.1"
+    parse-json "^2.2.0"
+    require-from-string "^1.1.0"
+
 cosmiconfig@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-3.1.0.tgz#640a94bf9847f321800403cd273af60665c73397"
@@ -2890,6 +2945,10 @@ dateformat@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.2.tgz#9a4df4bff158ac2f34bc637abdb15471607e1659"
 
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+
 debug-log@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debug-log/-/debug-log-1.0.1.tgz#2307632d4c04382b8df8a32f70b895046d52745f"
@@ -2954,7 +3013,7 @@ deep-sort-object@^1.0.2:
   dependencies:
     is-plain-object "^2.0.1"
 
-deepmerge@^1.5.1, deepmerge@^1.5.2:
+deepmerge@^1.4.4, deepmerge@^1.5.1, deepmerge@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
 
@@ -3566,6 +3625,13 @@ eslint-plugin-babel@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-babel/-/eslint-plugin-babel-4.1.2.tgz#79202a0e35757dd92780919b2336f1fa2fe53c1e"
 
+eslint-plugin-html@^3.0.0:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-3.2.2.tgz#ef7093621d3a93de3206fd1f92f347ea9a1a4dfa"
+  dependencies:
+    htmlparser2 "^3.8.2"
+    semver "^5.4.1"
+
 eslint-plugin-import@^2.7.0, eslint-plugin-import@^2.8.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.8.0.tgz#fa1b6ef31fcb3c501c09859c1b86f1fc5b986894"
@@ -3617,7 +3683,7 @@ eslint-plugin-promise@^3.6.0:
   version "3.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-promise/-/eslint-plugin-promise-3.6.0.tgz#54b7658c8f454813dc2a870aff8152ec4969ba75"
 
-eslint-plugin-react@^7.4.0, eslint-plugin-react@^7.5.1:
+eslint-plugin-react@^7.0.0, eslint-plugin-react@^7.4.0, eslint-plugin-react@^7.5.1:
   version "7.5.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.5.1.tgz#52e56e8d80c810de158859ef07b880d2f56ee30b"
   dependencies:
@@ -3630,6 +3696,13 @@ eslint-plugin-standard@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/eslint-plugin-standard/-/eslint-plugin-standard-3.0.1.tgz#34d0c915b45edc6f010393c7eef3823b08565cf2"
 
+eslint-plugin-vue@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-2.1.0.tgz#50ed0b7e9a2389d90e689743a3cc26b502441b69"
+  dependencies:
+    eslint-plugin-html "^3.0.0"
+    eslint-plugin-react "^7.0.0"
+
 eslint-restricted-globals@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/eslint-restricted-globals/-/eslint-restricted-globals-0.1.1.tgz#35f0d5cbc64c2e3ed62e93b4b1a7af05ba7ed4d7"
@@ -4745,6 +4818,10 @@ hash-base@^3.0.0:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
+hash-sum@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
+
 hash.js@^1.0.0, hash.js@^1.0.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.3.tgz#340dedbe6290187151c1ea1d777a3448935df846"
@@ -4770,7 +4847,7 @@ hawk@~6.0.2:
     hoek "4.x.x"
     sntp "2.x.x"
 
-he@1.1.1, he@1.1.x:
+he@1.1.1, he@1.1.x, he@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
 
@@ -4858,6 +4935,10 @@ html-minifier@^3.0.1, html-minifier@^3.2.3:
     relateurl "0.2.x"
     uglify-js "3.1.x"
 
+html-tags@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-2.0.0.tgz#10b30a386085f43cede353cc8fa7cb0deeea668b"
+
 html-webpack-plugin@^2.30.1:
   version "2.30.1"
   resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-2.30.1.tgz#7f9c421b7ea91ec460f56527d78df484ee7537d5"
@@ -4873,7 +4954,7 @@ html-webpack-template@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/html-webpack-template/-/html-webpack-template-6.1.0.tgz#d96ffdab53131adfa672f981988607807966ad97"
 
-htmlparser2@^3.9.1:
+htmlparser2@^3.8.2, htmlparser2@^3.9.1:
   version "3.9.2"
   resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.9.2.tgz#1bdf87acca0f3f9e53fa4fcceb0f4b4cbb00b338"
   dependencies:
@@ -5831,7 +5912,7 @@ js-tokens@^3.0.0, js-tokens@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-3.0.2.tgz#9866df395102130e38f7f996bceb65443209c25b"
 
-js-yaml@3.x, js-yaml@^3.7.0, js-yaml@^3.8.2, js-yaml@^3.9.0, js-yaml@^3.9.1:
+js-yaml@3.x, js-yaml@^3.4.3, js-yaml@^3.7.0, js-yaml@^3.8.2, js-yaml@^3.9.0, js-yaml@^3.9.1:
   version "3.10.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc"
   dependencies:
@@ -7965,6 +8046,29 @@ postcss-filter-plugins@^2.0.0:
     postcss "^5.0.4"
     uniqid "^4.0.0"
 
+postcss-load-config@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+    postcss-load-options "^1.2.0"
+    postcss-load-plugins "^2.3.0"
+
+postcss-load-options@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-options/-/postcss-load-options-1.2.0.tgz#b098b1559ddac2df04bc0bb375f99a5cfe2b6d8c"
+  dependencies:
+    cosmiconfig "^2.1.0"
+    object-assign "^4.1.0"
+
+postcss-load-plugins@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/postcss-load-plugins/-/postcss-load-plugins-2.3.0.tgz#745768116599aca2f009fad426b00175049d8d92"
+  dependencies:
+    cosmiconfig "^2.1.1"
+    object-assign "^4.1.0"
+
 postcss-merge-idents@^2.1.5:
   version "2.1.7"
   resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-2.1.7.tgz#4c5530313c08e1d5b3bbf3d2bbc747e278eea270"
@@ -8150,6 +8254,14 @@ postcss@^6.0.1:
     source-map "^0.6.1"
     supports-color "^4.4.0"
 
+postcss@^6.0.8:
+  version "6.0.14"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.14.tgz#5534c72114739e75d0afcf017db853099f562885"
+  dependencies:
+    chalk "^2.3.0"
+    source-map "^0.6.1"
+    supports-color "^4.4.0"
+
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
@@ -8162,7 +8274,7 @@ preserve@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
 
-prettier@^1.8.2:
+prettier@^1.7.0, prettier@^1.8.2:
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.8.2.tgz#bff83e7fd573933c607875e5ba3abbdffb96aeb8"
 
@@ -8838,6 +8950,10 @@ require-directory@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
 
+require-from-string@^1.1.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-1.2.1.tgz#529c9ccef27380adfec9a2f965b649bbee636418"
+
 require-from-string@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.1.tgz#c545233e9d7da6616e9d59adfb39fc9f588676ff"
@@ -8883,7 +8999,7 @@ resolve@1.1.7, resolve@1.1.x:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
 
-resolve@^1.1.6, resolve@^1.2.0, resolve@^1.3.3:
+resolve@^1.1.6, resolve@^1.2.0, resolve@^1.3.3, resolve@^1.4.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.5.0.tgz#1f09acce796c9a762579f31b2c1cc4c3cddf9f36"
   dependencies:
@@ -9608,6 +9724,12 @@ style-loader@^0.19.0:
     loader-utils "^1.0.2"
     schema-utils "^0.3.0"
 
+stylelint-processor-html@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/stylelint-processor-html/-/stylelint-processor-html-1.0.0.tgz#6892b6b2855a45f0291cd845191d6908130a2918"
+  dependencies:
+    htmlparser2 "^3.9.1"
+
 supports-color@4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-4.4.0.tgz#883f7ddabc165142b2a61427f3352ded195d1a3e"
@@ -9630,6 +9752,10 @@ supports-color@^4.0.0, supports-color@^4.2.1, supports-color@^4.4.0:
   dependencies:
     has-flag "^2.0.0"
 
+svg-tags@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
+
 svgo@^0.7.0:
   version "0.7.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-0.7.2.tgz#9f5772413952135c6fefbf40afe6a4faa88b4bb5"
@@ -10233,6 +10359,46 @@ void-elements@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
 
+vue-hot-reload-api@^2.2.0:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.2.4.tgz#683bd1d026c0d3b3c937d5875679e9a87ec6cd8f"
+
+vue-loader@^13.5.0:
+  version "13.5.0"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-13.5.0.tgz#52f7b3790a267eff80012b77ea187a54586dd5d4"
+  dependencies:
+    consolidate "^0.14.0"
+    hash-sum "^1.0.2"
+    loader-utils "^1.1.0"
+    lru-cache "^4.1.1"
+    postcss "^6.0.8"
+    postcss-load-config "^1.1.0"
+    postcss-selector-parser "^2.0.0"
+    prettier "^1.7.0"
+    resolve "^1.4.0"
+    source-map "^0.6.1"
+    vue-hot-reload-api "^2.2.0"
+    vue-style-loader "^3.0.0"
+    vue-template-es2015-compiler "^1.6.0"
+
+vue-style-loader@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-3.0.3.tgz#623658f81506aef9d121cdc113a4f5c9cac32df7"
+  dependencies:
+    hash-sum "^1.0.2"
+    loader-utils "^1.0.2"
+
+vue-template-compiler@^2.5.6:
+  version "2.5.8"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.8.tgz#826ae77e1d5faa7fa5fca554f33872dde38de674"
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.1.0"
+
+vue-template-es2015-compiler@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.6.0.tgz#dc42697133302ce3017524356a6c61b7b69b4a18"
+
 walker@~1.0.5:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"

From 884a0af902de395c3077d3f9bb3b0e8cbfd06770 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 09:45:18 -0500
Subject: [PATCH 03/12] Use absolute URL in README

---
 packages/vue/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/vue/README.md b/packages/vue/README.md
index 3c18ecc58..72485a67c 100644
--- a/packages/vue/README.md
+++ b/packages/vue/README.md
@@ -156,7 +156,7 @@ You can either serve or deploy the contents of this `build` directory as a stati
 If you wish to copy files to the build directory that are not imported from application code, you can place
 them in a directory within `src` called `static`. All files in this directory will be copied from `src/static`
 to `build/static`. To change this behavior, specify your own patterns with
-[@neutrinojs/copy](../../packages/copy/README.md).
+[@neutrinojs/copy](https://neutrino.js.org/packages/copy).
 
 ## Paths
 

From 1b803e326160bcc6fd0923e9ee9653110ef94f32 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 09:48:46 -0500
Subject: [PATCH 04/12] Add vue test

---
 packages/vue/test/vue_test.js | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 packages/vue/test/vue_test.js

diff --git a/packages/vue/test/vue_test.js b/packages/vue/test/vue_test.js
new file mode 100644
index 000000000..698314fdb
--- /dev/null
+++ b/packages/vue/test/vue_test.js
@@ -0,0 +1,31 @@
+import test from 'ava';
+import { validate } from 'webpack';
+import { Neutrino } from 'neutrino';
+
+test('loads preset', t => {
+  t.notThrows(() => require('..'));
+});
+
+test('uses preset', t => {
+  t.notThrows(() => Neutrino().use(require('..')));
+});
+
+test('valid preset production', t => {
+  const api = Neutrino({ env: { NODE_ENV: 'production' } });
+
+  api.use(require('..'));
+
+  const errors = validate(api.config.toConfig());
+
+  t.is(errors.length, 0);
+});
+
+test('valid preset development', t => {
+  const api = Neutrino({ 'env': { NODE_ENV: 'development' } });
+
+  api.use(require('..'));
+
+  const errors = validate(api.config.toConfig());
+
+  t.is(errors.length, 0);
+});

From dacdc5952dc9a97ea4ce5b5c30c5f934bf1bf824 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 09:49:34 -0500
Subject: [PATCH 05/12] Add vue npmignore

---
 packages/vue/.npmignore | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 packages/vue/.npmignore

diff --git a/packages/vue/.npmignore b/packages/vue/.npmignore
new file mode 100644
index 000000000..193378602
--- /dev/null
+++ b/packages/vue/.npmignore
@@ -0,0 +1 @@
+/test/

From 147a6b722152f12f32fbe5eb812893f13054011f Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 09:56:54 -0500
Subject: [PATCH 06/12] Remove confusing compileRule

---
 packages/vue/index.js | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/packages/vue/index.js b/packages/vue/index.js
index c83591f0a..7694735f3 100644
--- a/packages/vue/index.js
+++ b/packages/vue/index.js
@@ -10,7 +10,6 @@ module.exports = (neutrino, options) => {
   neutrino.use(web, options);
 
   const lintRule = neutrino.config.module.rules.get('lint');
-  const compileRule = neutrino.config.module.rules.get('compile');
 
   neutrino.config.module.rule('vue')
     .test(LOADER_EXTENSIONS)
@@ -18,22 +17,6 @@ module.exports = (neutrino, options) => {
     .loader(require.resolve('vue-loader'))
     .options(options);
 
-  if (compileRule && compileRule.uses.has('babel')) {
-    const babelOptions = compileRule.use('babel').get('options');
-
-    neutrino.config.module
-      .rule('vue')
-      .use('vue')
-      .tap((vueLoaderOptions = {}) => merge({
-        loaders: {
-          js: {
-            loader: 'babel-loader',
-            options: babelOptions
-          }
-        }
-      }, vueLoaderOptions));
-  }
-
   if (lintRule) {
     // ensure conditions is an array of original values plus our own regex
     const conditions = arrify(lintRule.get('test')).concat([LOADER_EXTENSIONS]);

From 578753b32f5a41d678f036ce459cf769271d485c Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 12:41:54 -0500
Subject: [PATCH 07/12] Introduce API option: extensions

---
 packages/neutrino/src/api.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/neutrino/src/api.js b/packages/neutrino/src/api.js
index 3269fec1c..666b7f489 100644
--- a/packages/neutrino/src/api.js
+++ b/packages/neutrino/src/api.js
@@ -26,14 +26,26 @@ const pathOptions = [
 
 // getOptions :: Object? -> IO Object
 const getOptions = (opts = {}) => {
+  let extensions = new Set(['js', 'jsx', 'vue', 'ts', 'mjs']);
   const options = merge({
     env: {
       NODE_ENV: 'development'
     },
     debug: false,
-    quiet: false
+    quiet: false,
+    extensions
   }, opts);
 
+  Object.defineProperty(options, 'extensions', {
+    enumerable: true,
+    get() {
+      return new RegExp(`.(${[...extensions].join('|')})$`);
+    },
+    set(newValue) {
+      extensions = defaultTo(extensions, newValue);
+    }
+  });
+
   Object
     .keys(options.env)
     .forEach(env => process.env[env] = options.env[env]);

From 7a79aa107ed8a39c2edeb97bc27a4067c70a1cf5 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 12:42:25 -0500
Subject: [PATCH 08/12] Start using neutrino.options.extensions

---
 packages/vue/index.js     | 40 ++++++++++++++++-----------------------
 packages/vue/package.json |  1 -
 2 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/packages/vue/index.js b/packages/vue/index.js
index 7694735f3..23d47985e 100644
--- a/packages/vue/index.js
+++ b/packages/vue/index.js
@@ -1,42 +1,34 @@
 const web = require('@neutrinojs/web');
 const path = require('path');
-const arrify = require('arrify');
 const merge = require('deepmerge');
 
-const LOADER_EXTENSIONS = /\.vue$/;
 const MODULES = path.join(__dirname, 'node_modules');
 
 module.exports = (neutrino, options) => {
   neutrino.use(web, options);
 
-  const lintRule = neutrino.config.module.rules.get('lint');
-
   neutrino.config.module.rule('vue')
-    .test(LOADER_EXTENSIONS)
+    .test(neutrino.options.extensions)
     .use('vue')
     .loader(require.resolve('vue-loader'))
     .options(options);
 
-  if (lintRule) {
-    // ensure conditions is an array of original values plus our own regex
-    const conditions = arrify(lintRule.get('test')).concat([LOADER_EXTENSIONS]);
-    neutrino.config.module
-      .rule('lint')
-      .test(conditions)
-      .use('eslint')
-      .tap(options => merge(options, {
-        plugins: ['vue'],
-        envs: ['node'],
-        parserOptions: {
-          ecmaFeatures: {
-            jsx: true
-          }
-        },
-        rules: {
-          'vue/jsx-uses-vars': 2
+  neutrino.config.when(neutrino.config.module.rules.has('lint'), () => neutrino.config.module
+    .rule('lint')
+    .test(neutrino.options.extensions)
+    .use('eslint')
+    .tap(options => merge(options, {
+      plugins: ['vue'],
+      envs: ['node'],
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
         }
-      }));
-  }
+      },
+      rules: {
+        'vue/jsx-uses-vars': 2
+      }
+    })));
 
   if (neutrino.config.plugins.has('stylelint')) {
     neutrino.config.plugin('stylelint')
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 9104a1a86..b3c0cf21d 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -20,7 +20,6 @@
   ],
   "dependencies": {
     "@neutrinojs/web": "^7.3.2",
-    "arrify": "^1.0.1",
     "babel-preset-vue": "^1.2.1",
     "deepmerge": "^1.4.4",
     "eslint-plugin-vue": "^2.1.0",

From 688f53aa553d412b5f8be3996f8b223dc4e4b418 Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 22 Nov 2017 18:18:55 -0500
Subject: [PATCH 09/12] Add a method to API to get regex from extensions

* Expose a method for generating a regex from extensions
* Use indented chaining
* Use an updated version of the deepmerge package
---
 packages/neutrino/src/api.js | 17 ++++++++++++-----
 packages/vue/README.md       |  1 -
 packages/vue/index.js        | 23 ++++++++++++-----------
 packages/vue/package.json    |  3 ++-
 yarn.lock                    |  6 +++---
 5 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/packages/neutrino/src/api.js b/packages/neutrino/src/api.js
index 666b7f489..c98a7ae80 100644
--- a/packages/neutrino/src/api.js
+++ b/packages/neutrino/src/api.js
@@ -1,6 +1,7 @@
 const Config = require('webpack-chain');
 const merge = require('deepmerge');
 const Future = require('fluture');
+const { tail, equals } = require('ramda');
 const mitt = require('mitt');
 const {
   defaultTo, is, map, omit, prop
@@ -26,23 +27,25 @@ const pathOptions = [
 
 // getOptions :: Object? -> IO Object
 const getOptions = (opts = {}) => {
-  let extensions = new Set(['js', 'jsx', 'vue', 'ts', 'mjs']);
+  let fileExtensions = new Set(['js', 'jsx', 'vue', 'ts', 'mjs']);
   const options = merge({
     env: {
       NODE_ENV: 'development'
     },
     debug: false,
     quiet: false,
-    extensions
+    extensions: fileExtensions
   }, opts);
 
   Object.defineProperty(options, 'extensions', {
     enumerable: true,
     get() {
-      return new RegExp(`.(${[...extensions].join('|')})$`);
+      return [...fileExtensions];
     },
-    set(newValue) {
-      extensions = defaultTo(extensions, newValue);
+    set(extensions) {
+      const newExtensions = extensions.map(ext => equals(ext[0], '.') ? tail(ext) : ext);
+
+      fileExtensions = [...new Set(newExtensions)];
     }
   });
 
@@ -99,6 +102,10 @@ class Api {
     this.config = new Config();
   }
 
+  regexFromExtensions(extensions = this.options.extensions) {
+    return new RegExp(`.(${extensions.join('|')})$`);
+  }
+
   emit(...args) {
     return this.emitter.emit(...args);
   }
diff --git a/packages/vue/README.md b/packages/vue/README.md
index 72485a67c..9f7945388 100644
--- a/packages/vue/README.md
+++ b/packages/vue/README.md
@@ -143,7 +143,6 @@ Version: webpack 3.5.6
 Time: 9773ms
                            Asset       Size    Chunks             Chunk Names
    index.dfbad882ab3d86bfd747.js     181 kB     index  [emitted]  index
-polyfill.57dabda41992eba7552f.js    69.2 kB  polyfill  [emitted]  polyfill
  runtime.3d9f9d2453f192a2b10f.js    1.51 kB   runtime  [emitted]  runtime
                       index.html  846 bytes            [emitted]
 ✨  Done in 14.62s.
diff --git a/packages/vue/index.js b/packages/vue/index.js
index 23d47985e..b66596de9 100644
--- a/packages/vue/index.js
+++ b/packages/vue/index.js
@@ -1,23 +1,23 @@
 const web = require('@neutrinojs/web');
 const path = require('path');
 const merge = require('deepmerge');
+const loaderMerge = require('@neutrinojs/loader-merge');
 
 const MODULES = path.join(__dirname, 'node_modules');
 
 module.exports = (neutrino, options) => {
   neutrino.use(web, options);
+  neutrino.options.extensions = ['vue']; // eslint-disable-line no-param-reassign
 
-  neutrino.config.module.rule('vue')
-    .test(neutrino.options.extensions)
-    .use('vue')
-    .loader(require.resolve('vue-loader'))
-    .options(options);
+  neutrino.config.module
+    .rule('vue')
+      .test(neutrino.regexFromExtensions())
+      .use('vue')
+        .loader(require.resolve('vue-loader'))
+        .options(options);
 
-  neutrino.config.when(neutrino.config.module.rules.has('lint'), () => neutrino.config.module
-    .rule('lint')
-    .test(neutrino.options.extensions)
-    .use('eslint')
-    .tap(options => merge(options, {
+  neutrino.config.when(neutrino.config.module.rules.has('lint'), () => {
+    neutrino.use(loaderMerge('lint', 'eslint'), {
       plugins: ['vue'],
       envs: ['node'],
       parserOptions: {
@@ -28,7 +28,8 @@ module.exports = (neutrino, options) => {
       rules: {
         'vue/jsx-uses-vars': 2
       }
-    })));
+    });
+  });
 
   if (neutrino.config.plugins.has('stylelint')) {
     neutrino.config.plugin('stylelint')
diff --git a/packages/vue/package.json b/packages/vue/package.json
index b3c0cf21d..2025ad741 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -20,8 +20,9 @@
   ],
   "dependencies": {
     "@neutrinojs/web": "^7.3.2",
+    "@neutrinojs/loader-merge": "^7.3.2",
     "babel-preset-vue": "^1.2.1",
-    "deepmerge": "^1.4.4",
+    "deepmerge": "^1.5.2",
     "eslint-plugin-vue": "^2.1.0",
     "stylelint-processor-html": "^1.0.0",
     "vue-loader": "^13.5.0",
diff --git a/yarn.lock b/yarn.lock
index 29b18bdcb..55e1d0204 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3013,7 +3013,7 @@ deep-sort-object@^1.0.2:
   dependencies:
     is-plain-object "^2.0.1"
 
-deepmerge@^1.4.4, deepmerge@^1.5.1, deepmerge@^1.5.2:
+deepmerge@^1.5.1, deepmerge@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-1.5.2.tgz#10499d868844cdad4fee0842df8c7f6f0c95a753"
 
@@ -10389,8 +10389,8 @@ vue-style-loader@^3.0.0:
     loader-utils "^1.0.2"
 
 vue-template-compiler@^2.5.6:
-  version "2.5.8"
-  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.8.tgz#826ae77e1d5faa7fa5fca554f33872dde38de674"
+  version "2.5.9"
+  resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.5.9.tgz#7fabc73c8d3d12d32340cd86c5fc33e00e86d686"
   dependencies:
     de-indent "^1.0.2"
     he "^1.1.0"

From 863fa590c22c693a5596208d14be223379b9ff5b Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 29 Nov 2017 09:36:00 -0500
Subject: [PATCH 10/12] Add .json to list of extensions

---
 packages/neutrino/src/api.js | 11 ++++-------
 packages/vue/index.js        |  6 ++----
 packages/web/index.js        |  3 +--
 3 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/packages/neutrino/src/api.js b/packages/neutrino/src/api.js
index c98a7ae80..f817747cd 100644
--- a/packages/neutrino/src/api.js
+++ b/packages/neutrino/src/api.js
@@ -1,7 +1,6 @@
 const Config = require('webpack-chain');
 const merge = require('deepmerge');
 const Future = require('fluture');
-const { tail, equals } = require('ramda');
 const mitt = require('mitt');
 const {
   defaultTo, is, map, omit, prop
@@ -27,25 +26,23 @@ const pathOptions = [
 
 // getOptions :: Object? -> IO Object
 const getOptions = (opts = {}) => {
-  let fileExtensions = new Set(['js', 'jsx', 'vue', 'ts', 'mjs']);
+  let moduleExtensions = new Set(['js', 'jsx', 'vue', 'ts', 'mjs', 'json']);
   const options = merge({
     env: {
       NODE_ENV: 'development'
     },
     debug: false,
     quiet: false,
-    extensions: fileExtensions
+    extensions: moduleExtensions
   }, opts);
 
   Object.defineProperty(options, 'extensions', {
     enumerable: true,
     get() {
-      return [...fileExtensions];
+      return [...moduleExtensions];
     },
     set(extensions) {
-      const newExtensions = extensions.map(ext => equals(ext[0], '.') ? tail(ext) : ext);
-
-      fileExtensions = [...new Set(newExtensions)];
+      moduleExtensions = new Set(extensions.map(ext => ext.replace('.', '')));
     }
   });
 
diff --git a/packages/vue/index.js b/packages/vue/index.js
index b66596de9..175e0a816 100644
--- a/packages/vue/index.js
+++ b/packages/vue/index.js
@@ -1,17 +1,16 @@
+const loaderMerge = require('@neutrinojs/loader-merge');
 const web = require('@neutrinojs/web');
 const path = require('path');
 const merge = require('deepmerge');
-const loaderMerge = require('@neutrinojs/loader-merge');
 
 const MODULES = path.join(__dirname, 'node_modules');
 
 module.exports = (neutrino, options) => {
   neutrino.use(web, options);
-  neutrino.options.extensions = ['vue']; // eslint-disable-line no-param-reassign
 
   neutrino.config.module
     .rule('vue')
-      .test(neutrino.regexFromExtensions())
+      .test(neutrino.regexFromExtensions(['vue']))
       .use('vue')
         .loader(require.resolve('vue-loader'))
         .options(options);
@@ -51,7 +50,6 @@ module.exports = (neutrino, options) => {
   neutrino.config
     .resolve
       .modules.add(MODULES).end()
-      .extensions.add('.vue').end()
       .end()
     .resolveLoader.modules.add(MODULES);
 };
diff --git a/packages/web/index.js b/packages/web/index.js
index cd4af3b3d..8acb16f1f 100644
--- a/packages/web/index.js
+++ b/packages/web/index.js
@@ -129,8 +129,7 @@ module.exports = (neutrino, opts = {}) => {
         .add(MODULES)
         .end()
       .extensions
-        .add('.js')
-        .add('.json')
+        .merge(neutrino.options.extensions.map(ext => `.${ext}`))
         .end()
       .end()
     .resolveLoader

From 2b0e622fb461cb3d92ae681e3e62c449e266889b Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 29 Nov 2017 10:49:53 -0500
Subject: [PATCH 11/12] Remove unneeded line

---
 packages/neutrino/src/api.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/neutrino/src/api.js b/packages/neutrino/src/api.js
index f817747cd..b9c10a65f 100644
--- a/packages/neutrino/src/api.js
+++ b/packages/neutrino/src/api.js
@@ -32,8 +32,7 @@ const getOptions = (opts = {}) => {
       NODE_ENV: 'development'
     },
     debug: false,
-    quiet: false,
-    extensions: moduleExtensions
+    quiet: false
   }, opts);
 
   Object.defineProperty(options, 'extensions', {

From 7301a1f2cd630cb0c27e0f6f7ce096f58943a92b Mon Sep 17 00:00:00 2001
From: Hassan Ali <helfi92@gmail.com>
Date: Wed, 29 Nov 2017 10:55:44 -0500
Subject: [PATCH 12/12] Copy vue's README to docs

---
 docs/packages/vue/README.md | 256 ++++++++++++++++++++++++++++++++++++
 1 file changed, 256 insertions(+)
 create mode 100644 docs/packages/vue/README.md

diff --git a/docs/packages/vue/README.md b/docs/packages/vue/README.md
new file mode 100644
index 000000000..db1fa49c7
--- /dev/null
+++ b/docs/packages/vue/README.md
@@ -0,0 +1,256 @@
+# Neutrino Vue Preset
+
+[![NPM version][npm-image]][npm-url]
+[![NPM downloads][npm-downloads]][npm-url]
+[![Join the Neutrino community on Spectrum][spectrum-image]][spectrum-url]
+
+## Features
+
+- Zero upfront configuration necessary to start developing and building a Vue web app
+- Modern Babel compilation.
+- Extends from [@neutrinojs/web](../web)
+  - Modern Babel compilation supporting ES modules, last 2 major browser versions, async functions, and dynamic imports
+  - Webpack loaders for importing HTML, CSS, images, icons, fonts, and web workers
+  - Webpack Dev Server during development
+  - Automatic creation of HTML pages, no templating necessary
+  - Hot Module Replacement support
+  - Tree-shaking to create smaller bundles
+  - Production-optimized bundles with Babili minification, easy chunking, and scope-hoisted modules for faster execution
+  - Easily extensible to customize your project as needed
+
+## Requirements
+
+- Node.js v6.10+
+- Yarn or npm client
+- Neutrino v7
+
+## Installation
+
+`@neutrinojs/vue` can be installed via the Yarn or npm clients. Inside your project, make sure
+`neutrino` and `@neutrinojs/vue` are development dependencies. You will also need Vue for actual
+Vue development.
+
+#### Yarn
+
+```bash
+❯ yarn add --dev neutrino @neutrinojs/vue
+❯ yarn add vue
+```
+
+#### npm
+
+```bash
+❯ npm install --save-dev neutrino @neutrinojs/vue
+❯ npm install --save vue
+
+
+## Project Layout
+
+`@neutrinojs/vue` follows the standard [project layout](../../project-layout) specified by Neutrino. This
+means that by default all project source code should live in a directory named `src` in the root of the
+project. This includes JavaScript files, CSS stylesheets, images, and any other assets that would be available
+to import your compiled project.
+
+## Quickstart
+
+After installing Neutrino and the Vue preset, add a new directory named `src` in the root of the project, with
+two files `index.js` and `App.vue` in it.
+
+```bash
+❯ mkdir src && touch src/index.js && touch src/App.vue
+```
+
+This Vue preset exposes an element in the page with an ID of `root` to which you can mount your application. Edit
+your `src/index.js` file with the following:
+
+```js
+import Vue from 'vue';
+import App from './App.vue';
+
+new Vue({
+  el: '#root',
+  render: (h) => h(App),
+});
+```
+
+Next, edit your `src/App.vue` with the following:
+
+```html
+<script>
+  export default {
+    name: 'App',
+    data() {
+      return {};
+    }
+  };
+</script>
+
+<template>
+  <div>
+    <h1>Hello world!</h1>
+  </div>
+</template>
+```
+
+Now edit your project's package.json to add commands for starting and building the application:
+
+```json
+{
+  "scripts": {
+    "start": "neutrino start --use @neutrinojs/vue",
+    "build": "neutrino build --use @neutrinojs/vue"
+  }
+}
+```
+
+If you are using `.neutrinorc.js`, add this preset to your use array instead of `--use` flags:
+
+```js
+module.exports = {
+  use: ['@neutrinojs/vue']
+};
+```
+
+#### Yarn
+
+```bash
+❯ yarn start
+✔ Development server running on: http://localhost:5000
+✔ Build completed
+```
+
+#### npm
+
+```bash
+❯ npm start
+✔ Development server running on: http://localhost:5000
+✔ Build completed
+```
+
+Start the app, then open a browser to the address in the console:
+
+## Building
+
+`@neutrinojs/vue` builds static assets to the `build` directory by default when running `neutrino build`. Using
+the quick start example above as a reference:
+
+```bash
+❯ yarn build
+
+✔ Building project completed
+Hash: b26ff013b5a2d5f7b824
+Version: webpack 3.5.6
+Time: 9773ms
+                           Asset       Size    Chunks             Chunk Names
+   index.dfbad882ab3d86bfd747.js     181 kB     index  [emitted]  index
+ runtime.3d9f9d2453f192a2b10f.js    1.51 kB   runtime  [emitted]  runtime
+                      index.html  846 bytes            [emitted]
+✨  Done in 14.62s.
+```
+
+You can either serve or deploy the contents of this `build` directory as a static site.
+
+## Static assets
+
+If you wish to copy files to the build directory that are not imported from application code, you can place
+them in a directory within `src` called `static`. All files in this directory will be copied from `src/static`
+to `build/static`. To change this behavior, specify your own patterns with
+[@neutrinojs/copy](../copy).
+
+## Paths
+
+The `@neutrinojs/web` preset loads assets relative to the path of your application by setting Webpack's
+[`output.publicPath`](https://webpack.js.org/configuration/output/#output-publicpath) to `./`. If you wish to load
+assets instead from a CDN, or if you wish to change to an absolute path for your application, customize your build to
+override `output.publicPath`. See the [Customizing](#Customizing) section below.
+
+
+## Preset options
+
+You can provide custom options and have them merged with this preset's default options to easily affect how this
+preset builds. You can modify Vue preset settings from `.neutrinorc.js` by overriding with an options object. Use
+an array pair instead of a string to supply these options in `.neutrinorc.js`.
+
+The following shows how you can pass an options object to the Vue preset and override its options. See the
+[Web documentation](../web#preset-options) for specific options you can override with this object.
+
+```js
+module.exports = {
+  use: [
+    ['@neutrinojs/vue', {
+      /* preset options */
+
+      // Example: disable Hot Module Replacement
+      hot: false,
+
+      // Example: change the page title
+      html: {
+        title: 'Epic Vue App'
+      },
+
+      // Target specific browsers with babel-preset-env
+      targets: {
+        browsers: [
+          'last 1 Chrome versions',
+          'last 1 Firefox versions'
+        ]
+      },
+
+      // Add additional Babel plugins, presets, or env options
+      babel: {
+        // Override options for babel-preset-env:
+        presets: [
+          ['babel-preset-env', {
+            modules: false,
+            useBuiltIns: true,
+            exclude: ['transform-regenerator', 'transform-async-to-generator'],
+          }]
+        ]
+      }
+    }]
+  ]
+};
+```
+
+## Customizing
+
+To override the build configuration, start with the documentation on [customization](../../customization).
+`@neutrinojs/vue` does not use any additional named rules, loaders, or plugins that aren't already in use by the
+Web preset. See the [Web documentation customization](../web#customizing)
+for preset-specific configuration to override.
+
+### Advanced configuration
+
+By following the [customization guide](../../customization) and knowing the rule, loader, and plugin IDs from
+`@neutrinojs/web`, you can override and augment the build by providing a function to your `.neutrinorc.js` use
+array. You can also make these changes from the Neutrino API in custom middleware.
+
+#### Vendoring
+
+By defining an entry point named `vendor` you can split out external dependencies into a chunk separate
+from your application code.
+
+_Example: Put Vue into a separate "vendor" chunk:_
+
+```js
+module.exports = {
+  use: [
+    '@neutrinojs/vue',
+    (neutrino) => neutrino.config
+      .entry('vendor')
+        .add('vue')
+  ]
+};
+```
+
+## Contributing
+
+This preset is part of the [neutrino-dev](https://github.com/mozilla-neutrino/neutrino-dev) repository, a monorepo
+containing all resources for developing Neutrino and its core presets and middleware. Follow the
+[contributing guide](../../contributing) for details.
+
+[npm-image]: https://img.shields.io/npm/v/@neutrinojs/vue.svg
+[npm-downloads]: https://img.shields.io/npm/dt/@neutrinojs/vue.svg
+[npm-url]: https://npmjs.org/package/@neutrinojs/vue
+[spectrum-image]: https://withspectrum.github.io/badge/badge.svg
+[spectrum-url]: https://spectrum.chat/neutrino