From e8ff35a60a8d4e375e9cfd2dea9ee933148637c7 Mon Sep 17 00:00:00 2001
From: Vaillant Samuel <samuel.vllnt@gmail.com>
Date: Thu, 18 Apr 2019 15:54:45 +0200
Subject: [PATCH 1/3] refactor(templates): use Vue CLI

---
 .../public/favicon.ico-snap.png               | Bin 0 -> 4286 bytes
 .../public/favicon.png-snap.png               | Bin
 e2e/__snapshots__/templates.test.js.snap      | 263 ++++++------------
 .../Vue InstantSearch/.babelrc.template       |   6 -
 src/templates/Vue InstantSearch/.eslintrc.js  |   5 +-
 .../Vue InstantSearch/.gitignore.template     |  26 +-
 src/templates/Vue InstantSearch/.prettierrc   |   5 +
 .../Vue InstantSearch/babel.config.js         |   3 +
 src/templates/Vue InstantSearch/index.html    |  31 ---
 src/templates/Vue InstantSearch/manifest.json |  15 -
 src/templates/Vue InstantSearch/package.json  |  38 ++-
 .../Vue InstantSearch/public/favicon.png      | Bin 0 -> 1635 bytes
 .../Vue InstantSearch/public/index.html       |  22 ++
 src/templates/Vue InstantSearch/src/App.vue   |   9 +-
 src/templates/Vue InstantSearch/src/main.js   |  10 +-
 .../Vue InstantSearch/webpack.config.js       |  76 -----
 16 files changed, 172 insertions(+), 337 deletions(-)
 create mode 100644 e2e/__image_snapshots__/vue-instantsearch/public/favicon.ico-snap.png
 rename src/templates/Vue InstantSearch/favicon.png => e2e/__image_snapshots__/vue-instantsearch/public/favicon.png-snap.png (100%)
 delete mode 100644 src/templates/Vue InstantSearch/.babelrc.template
 create mode 100644 src/templates/Vue InstantSearch/.prettierrc
 create mode 100644 src/templates/Vue InstantSearch/babel.config.js
 delete mode 100644 src/templates/Vue InstantSearch/index.html
 delete mode 100644 src/templates/Vue InstantSearch/manifest.json
 create mode 100644 src/templates/Vue InstantSearch/public/favicon.png
 create mode 100644 src/templates/Vue InstantSearch/public/index.html
 delete mode 100644 src/templates/Vue InstantSearch/webpack.config.js

diff --git a/e2e/__image_snapshots__/vue-instantsearch/public/favicon.ico-snap.png b/e2e/__image_snapshots__/vue-instantsearch/public/favicon.ico-snap.png
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

literal 0
HcmV?d00001

diff --git a/src/templates/Vue InstantSearch/favicon.png b/e2e/__image_snapshots__/vue-instantsearch/public/favicon.png-snap.png
similarity index 100%
rename from src/templates/Vue InstantSearch/favicon.png
rename to e2e/__image_snapshots__/vue-instantsearch/public/favicon.png-snap.png
diff --git a/e2e/__snapshots__/templates.test.js.snap b/e2e/__snapshots__/templates.test.js.snap
index 5484c9444..798ea0787 100644
--- a/e2e/__snapshots__/templates.test.js.snap
+++ b/e2e/__snapshots__/templates.test.js.snap
@@ -4963,15 +4963,6 @@ Array [
 ]
 `;
 
-exports[`Templates Vue InstantSearch File content: .babelrc 1`] = `
-"{
-  \\"presets\\": [
-    [\\"env\\", { \\"modules\\": false }],
-    \\"stage-3\\"
-  ]
-}"
-`;
-
 exports[`Templates Vue InstantSearch File content: .editorconfig 1`] = `
 "root = true
 
@@ -4986,19 +4977,46 @@ trim_trailing_whitespace = true"
 
 exports[`Templates Vue InstantSearch File content: .eslintrc.js 1`] = `
 "module.exports = {
-  extends: 'algolia/vue',
+  // extends from 'prettier/vue' until we update the Algolia configuration
+  extends: ['algolia/vue', 'prettier/vue'],
   rules: {
     'import/no-commonjs': 'off',
+    // enable the rule until we update the Algolia configuration
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
   },
 };"
 `;
 
 exports[`Templates Vue InstantSearch File content: .gitignore 1`] = `
-"node_modules/
-npm-debug.log
-yarn-debug.log
-yarn-error.log
-dist/"
+".DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?"
+`;
+
+exports[`Templates Vue InstantSearch File content: .prettierrc 1`] = `
+"{
+  \\"singleQuote\\": true,
+  \\"proseWrap\\": \\"never\\",
+  \\"trailingComma\\": \\"es5\\"
+}"
 `;
 
 exports[`Templates Vue InstantSearch File content: README.md 1`] = `
@@ -5025,56 +5043,10 @@ yarn start
 Open http://localhost:3000 to see your app."
 `;
 
-exports[`Templates Vue InstantSearch File content: index.html 1`] = `
-"<!DOCTYPE html>
-<html lang=\\"en\\">
-
-<head>
-  <meta charset=\\"utf-8\\">
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1, shrink-to-fit=no\\">
-  <meta name=\\"theme-color\\" content=\\"#000000\\">
-
-  <link rel=\\"manifest\\" href=\\"manifest.json\\">
-  <link rel=\\"shortcut icon\\" href=\\"favicon.png\\">
-
-  <!--
-    Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
-    https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
-  -->
-  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\\">
-
-  <title>vue-instantsearch-app</title>
-</head>
-
-<body>
-  <noscript>
-    You need to enable JavaScript to run this app.
-  </noscript>
-
-  <div id=\\"app\\"></div>
-
-  <script src=\\"/dist/build.js\\"></script>
-</body>
-
-</html>"
-`;
-
-exports[`Templates Vue InstantSearch File content: manifest.json 1`] = `
-"{
-  \\"short_name\\": \\"vue-instantsearch-app\\",
-  \\"name\\": \\"vue-instantsearch-app Sample\\",
-  \\"icons\\": [
-    {
-      \\"src\\": \\"favicon.png\\",
-      \\"sizes\\": \\"64x64 32x32 24x24 16x16\\",
-      \\"type\\": \\"image/x-icon\\"
-    }
-  ],
-  \\"start_url\\": \\"./index.html\\",
-  \\"display\\": \\"standalone\\",
-  \\"theme_color\\": \\"#000000\\",
-  \\"background_color\\": \\"#ffffff\\"
-}"
+exports[`Templates Vue InstantSearch File content: babel.config.js 1`] = `
+"module.exports = {
+  presets: ['@vue/app'],
+};"
 `;
 
 exports[`Templates Vue InstantSearch File content: package.json 1`] = `
@@ -5083,23 +5055,55 @@ exports[`Templates Vue InstantSearch File content: package.json 1`] = `
   \\"version\\": \\"1.0.0\\",
   \\"private\\": true,
   \\"scripts\\": {
-    \\"start\\": \\"cross-env NODE_ENV=development webpack-dev-server --port 3000 --hot\\",
-    \\"build\\": \\"cross-env NODE_ENV=production webpack --progress --hide-modules\\",
-    \\"lint\\": \\"eslint --ext .js,.vue .\\",
+    \\"start\\": \\"vue-cli-service serve\\",
+    \\"build\\": \\"vue-cli-service build\\",
+    \\"lint\\": \\"vue-cli-service lint\\",
     \\"lint:fix\\": \\"npm run lint -- --fix\\"
   },
+  \\"browserslist\\": [
+    \\"> 1%\\",
+    \\"last 2 versions\\",
+    \\"not ie <= 8\\"
+  ],
   \\"partialDependencies\\": {
     \\"vue-instantsearch\\": \\"2.0.0\\"
   }
 }"
 `;
 
+exports[`Templates Vue InstantSearch File content: public/index.html 1`] = `
+"<!DOCTYPE html>
+<html lang=\\"en\\">
+  <head>
+    <meta charset=\\"utf-8\\">
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\">
+    <meta name=\\"viewport\\" content=\\"width=device-width,initial-scale=1.0\\">
+    <link rel=\\"icon\\" href=\\"<%= BASE_URL %>favicon.png\\">
+     <!--
+      Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
+      https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
+    -->
+    <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\\">
+    <title>vue-instantsearch-app</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but prject doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id=\\"app\\"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>"
+`;
+
 exports[`Templates Vue InstantSearch File content: src/App.vue 1`] = `
 "<template>
   <div>
     <header class=\\"header\\">
       <h1 class=\\"header-title\\">
-        <a href=\\"/\\">vue-instantsearch-app</a>
+        <a href=\\"/\\">
+          vue-instantsearch-app
+        </a>
       </h1>
       <p class=\\"header-subtitle\\">
         using
@@ -5110,10 +5114,7 @@ exports[`Templates Vue InstantSearch File content: src/App.vue 1`] = `
     </header>
 
     <div class=\\"container\\">
-      <ais-instant-search
-        :search-client=\\"searchClient\\"
-        index-name=\\"indexName\\"
-      >
+      <ais-instant-search :search-client=\\"searchClient\\" index-name=\\"indexName\\">
         <div class=\\"search-panel\\">
           <div class=\\"search-panel__filters\\">
             <ais-refinement-list attribute=\\"facet1\\" />
@@ -5121,21 +5122,17 @@ exports[`Templates Vue InstantSearch File content: src/App.vue 1`] = `
           </div>
 
           <div class=\\"search-panel__results\\">
-            <ais-search-box placeholder=\\"Search placeholder\\" />
+            <div class=\\"searchbox\\">
+              <ais-search-box placeholder=\\"Search placeholder\\" />
+            </div>
             <ais-hits>
               <template slot=\\"item\\" slot-scope=\\"{ item }\\">
                 <article>
                   <h1>
-                    <ais-highlight
-                      :hit=\\"item\\"
-                      attribute=\\"attribute1\\"
-                    />
+                    <ais-highlight :hit=\\"item\\" attribute=\\"attribute1\\" />
                   </h1>
                   <p>
-                    <ais-highlight
-                      :hit=\\"item\\"
-                      attribute=\\"attribute2\\"
-                    />
+                    <ais-highlight :hit=\\"item\\" attribute=\\"attribute2\\" />
                   </p>
                 </article>
               </template>
@@ -5157,16 +5154,12 @@ import algoliasearch from 'algoliasearch/lite';
 export default {
   data() {
     return {
-      searchClient: algoliasearch(
-        'appId',
-        'apiKey'
-      ),
+      searchClient: algoliasearch('appId', 'apiKey'),
     };
   },
 };
 </script>
 
-
 <style>
 body,
 h1 {
@@ -5244,110 +5237,30 @@ em {
 
 exports[`Templates Vue InstantSearch File content: src/main.js 1`] = `
 "import Vue from 'vue';
-import App from './App.vue';
 import InstantSearch from 'vue-instantsearch';
+import App from './App.vue';
+
+Vue.config.productionTip = false;
 
 Vue.use(InstantSearch);
 
-// eslint-disable-next-line no-new
 new Vue({
-  el: '#app',
   render: h => h(App),
-});"
-`;
-
-exports[`Templates Vue InstantSearch File content: webpack.config.js 1`] = `
-"const path = require('path');
-const webpack = require('webpack');
-
-module.exports = {
-  entry: './src/main.js',
-  output: {
-    path: path.resolve(__dirname, './dist'),
-    publicPath: '/dist/',
-    filename: 'build.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\\\\.css$/,
-        use: ['vue-style-loader', 'css-loader'],
-      },
-      {
-        test: /\\\\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {},
-          // other vue-loader options go here
-        },
-      },
-      {
-        test: /\\\\.js$/,
-        loader: 'babel-loader',
-        exclude: /node_modules/,
-      },
-      {
-        test: /\\\\.(png|jpg|gif|svg)$/,
-        loader: 'file-loader',
-        options: {
-          name: '[name].[ext]?[hash]',
-        },
-      },
-    ],
-  },
-  resolve: {
-    alias: {
-      vue$: 'vue/dist/vue.esm.js',
-    },
-    extensions: ['*', '.js', '.vue', '.json'],
-  },
-  devServer: {
-    historyApiFallback: true,
-    noInfo: true,
-    overlay: true,
-    port: 3000,
-  },
-  performance: {
-    hints: false,
-  },
-  devtool: '#eval-source-map',
-};
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports.devtool = '#source-map';
-  // http://vue-loader.vuejs.org/en/workflow/production.html
-  module.exports.plugins = (module.exports.plugins || []).concat([
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: '\\"production\\"',
-      },
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      sourceMap: true,
-      compress: {
-        warnings: false,
-      },
-    }),
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-    }),
-  ]);
-}"
+}).$mount('#app');"
 `;
 
 exports[`Templates Vue InstantSearch Folder structure: contains the right files 1`] = `
 Array [
-  ".babelrc",
   ".editorconfig",
   ".eslintrc.js",
   ".gitignore",
+  ".prettierrc",
   "README.md",
-  "favicon.png",
-  "index.html",
-  "manifest.json",
+  "babel.config.js",
   "package.json",
+  "public/favicon.png",
+  "public/index.html",
   "src/App.vue",
   "src/main.js",
-  "webpack.config.js",
 ]
 `;
diff --git a/src/templates/Vue InstantSearch/.babelrc.template b/src/templates/Vue InstantSearch/.babelrc.template
deleted file mode 100644
index e81239406..000000000
--- a/src/templates/Vue InstantSearch/.babelrc.template	
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "presets": [
-    ["env", { "modules": false }],
-    "stage-3"
-  ]
-}
diff --git a/src/templates/Vue InstantSearch/.eslintrc.js b/src/templates/Vue InstantSearch/.eslintrc.js
index 1e03da618..1b63c5ea4 100644
--- a/src/templates/Vue InstantSearch/.eslintrc.js	
+++ b/src/templates/Vue InstantSearch/.eslintrc.js	
@@ -1,6 +1,9 @@
 module.exports = {
-  extends: 'algolia/vue',
+  // extends from 'prettier/vue' until we update the Algolia configuration
+  extends: ['algolia/vue', 'prettier/vue'],
   rules: {
     'import/no-commonjs': 'off',
+    // enable the rule until we update the Algolia configuration
+    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
   },
 };
diff --git a/src/templates/Vue InstantSearch/.gitignore.template b/src/templates/Vue InstantSearch/.gitignore.template
index 77a4e9098..a0dddc6fb 100644
--- a/src/templates/Vue InstantSearch/.gitignore.template	
+++ b/src/templates/Vue InstantSearch/.gitignore.template	
@@ -1,5 +1,21 @@
-node_modules/
-npm-debug.log
-yarn-debug.log
-yarn-error.log
-dist/
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/src/templates/Vue InstantSearch/.prettierrc b/src/templates/Vue InstantSearch/.prettierrc
new file mode 100644
index 000000000..833f03b62
--- /dev/null
+++ b/src/templates/Vue InstantSearch/.prettierrc	
@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "proseWrap": "never",
+  "trailingComma": "es5"
+}
diff --git a/src/templates/Vue InstantSearch/babel.config.js b/src/templates/Vue InstantSearch/babel.config.js
new file mode 100644
index 000000000..4f45f32b5
--- /dev/null
+++ b/src/templates/Vue InstantSearch/babel.config.js	
@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@vue/app'],
+};
diff --git a/src/templates/Vue InstantSearch/index.html b/src/templates/Vue InstantSearch/index.html
deleted file mode 100644
index 6e6f8faf9..000000000
--- a/src/templates/Vue InstantSearch/index.html	
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <meta name="theme-color" content="#000000">
-
-  <link rel="manifest" href="manifest.json">
-  <link rel="shortcut icon" href="favicon.png">
-
-  <!--
-    Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
-    https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
-  -->
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css">
-
-  <title>{{name}}</title>
-</head>
-
-<body>
-  <noscript>
-    You need to enable JavaScript to run this app.
-  </noscript>
-
-  <div id="app"></div>
-
-  <script src="/dist/build.js"></script>
-</body>
-
-</html>
diff --git a/src/templates/Vue InstantSearch/manifest.json b/src/templates/Vue InstantSearch/manifest.json
deleted file mode 100644
index 20ac76f5c..000000000
--- a/src/templates/Vue InstantSearch/manifest.json	
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "short_name": "{{name}}",
-  "name": "{{name}} Sample",
-  "icons": [
-    {
-      "src": "favicon.png",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
-  ],
-  "start_url": "./index.html",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/src/templates/Vue InstantSearch/package.json b/src/templates/Vue InstantSearch/package.json
index dd16a61cb..348df69b7 100644
--- a/src/templates/Vue InstantSearch/package.json	
+++ b/src/templates/Vue InstantSearch/package.json	
@@ -3,36 +3,34 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "start": "cross-env NODE_ENV=development webpack-dev-server --port 3000 --hot",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules",
-    "lint": "eslint --ext .js,.vue .",
+    "start": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
     "lint:fix": "npm run lint -- --fix"
   },
   "dependencies": {
     "algoliasearch": "3.32.0",
-    "vue": "2.6.2",
+    "core-js": "2.6.5",
+    "vue": "2.6.10",
     "vue-instantsearch": "{{libraryVersion}}"
   },
   "devDependencies": {
-    "babel-core": "6.26.3",
+    "@vue/cli-plugin-babel": "3.6.0",
+    "@vue/cli-plugin-eslint": "3.6.0",
+    "@vue/cli-service": "3.6.0",
     "babel-eslint": "10.0.1",
-    "babel-loader": "7.1.5",
-    "babel-preset-env": "1.7.0",
-    "babel-preset-stage-3": "6.24.1",
-    "cross-env": "5.2.0",
-    "css-loader": "0.28.11",
-    "eslint": "5.7.0",
+    "eslint": "5.16.0",
     "eslint-config-algolia": "13.2.3",
-    "eslint-config-prettier": "3.6.0",
-    "eslint-plugin-html": "4.0.6",
+    "eslint-config-prettier": "4.1.0",
     "eslint-plugin-import": "2.16.0",
     "eslint-plugin-prettier": "3.0.1",
-    "eslint-plugin-vue": "4.7.1",
-    "file-loader": "2.0.0",
+    "eslint-plugin-vue": "5.2.2",
     "prettier": "1.16.4",
-    "vue-loader": "14.2.4",
-    "vue-template-compiler": "2.6.2",
-    "webpack": "3.12.0",
-    "webpack-dev-server": "2.11.3"
-  }
+    "vue-template-compiler": "2.6.10"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not ie <= 8"
+  ]
 }
diff --git a/src/templates/Vue InstantSearch/public/favicon.png b/src/templates/Vue InstantSearch/public/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..f1db2815cb4b755e97e894f1994e691a3ad3385f
GIT binary patch
literal 1635
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

literal 0
HcmV?d00001

diff --git a/src/templates/Vue InstantSearch/public/index.html b/src/templates/Vue InstantSearch/public/index.html
new file mode 100644
index 000000000..423654975
--- /dev/null
+++ b/src/templates/Vue InstantSearch/public/index.html	
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.png">
+     <!--
+      Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
+      https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
+    -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css">
+    <title>{{name}}</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but prject doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/src/templates/Vue InstantSearch/src/App.vue b/src/templates/Vue InstantSearch/src/App.vue
index 9c7707aba..51c9da74c 100644
--- a/src/templates/Vue InstantSearch/src/App.vue	
+++ b/src/templates/Vue InstantSearch/src/App.vue	
@@ -2,7 +2,9 @@
   <div>
     <header class="header">
       <h1 class="header-title">
-        <a href="/">{{name}}</a>
+        <a href="/">
+          {{name}}
+        </a>
       </h1>
       <p class="header-subtitle">
         using
@@ -27,7 +29,9 @@
 
           {{/if}}
           <div class="search-panel__results">
-            <ais-search-box placeholder="{{searchPlaceholder}}" />
+            <div class="searchbox">
+              <ais-search-box placeholder="{{searchPlaceholder}}" />
+            </div>
             {{#if attributesToDisplay}}
             <ais-hits>
               <template slot="item" slot-scope="{ item }">
@@ -80,7 +84,6 @@ export default {
 };
 </script>
 
-
 <style>
 body,
 h1 {
diff --git a/src/templates/Vue InstantSearch/src/main.js b/src/templates/Vue InstantSearch/src/main.js
index 76b80248e..ab9cc29f6 100644
--- a/src/templates/Vue InstantSearch/src/main.js	
+++ b/src/templates/Vue InstantSearch/src/main.js	
@@ -1,11 +1,11 @@
-import Vue from 'vue';
-import App from './App.vue';
+import Vue from 'vue'
 import InstantSearch from 'vue-instantsearch';
+import App from './App.vue'
+
+Vue.config.productionTip = false
 
 Vue.use(InstantSearch);
 
-// eslint-disable-next-line no-new
 new Vue({
-  el: '#app',
   render: h => h(App),
-});
+}).$mount('#app')
diff --git a/src/templates/Vue InstantSearch/webpack.config.js b/src/templates/Vue InstantSearch/webpack.config.js
deleted file mode 100644
index aa48085d7..000000000
--- a/src/templates/Vue InstantSearch/webpack.config.js	
+++ /dev/null
@@ -1,76 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-
-module.exports = {
-  entry: './src/main.js',
-  output: {
-    path: path.resolve(__dirname, './dist'),
-    publicPath: '/dist/',
-    filename: 'build.js',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: ['vue-style-loader', 'css-loader'],
-      },
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {},
-          // other vue-loader options go here
-        },
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.(png|jpg|gif|svg)$/,
-        loader: 'file-loader',
-        options: {
-          name: '[name].[ext]?[hash]',
-        },
-      },
-    ],
-  },
-  resolve: {
-    alias: {
-      vue$: 'vue/dist/vue.esm.js',
-    },
-    extensions: ['*', '.js', '.vue', '.json'],
-  },
-  devServer: {
-    historyApiFallback: true,
-    noInfo: true,
-    overlay: true,
-    port: 3000,
-  },
-  performance: {
-    hints: false,
-  },
-  devtool: '#eval-source-map',
-};
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports.devtool = '#source-map';
-  // http://vue-loader.vuejs.org/en/workflow/production.html
-  module.exports.plugins = (module.exports.plugins || []).concat([
-    new webpack.DefinePlugin({
-      'process.env': {
-        NODE_ENV: '"production"',
-      },
-    }),
-    new webpack.optimize.UglifyJsPlugin({
-      sourceMap: true,
-      compress: {
-        warnings: false,
-      },
-    }),
-    new webpack.LoaderOptionsPlugin({
-      minimize: true,
-    }),
-  ]);
-}

From 8ff43233e4623732c2af7bae1025e29ed05faee0 Mon Sep 17 00:00:00 2001
From: Vaillant Samuel <samuel.vllnt@gmail.com>
Date: Thu, 18 Apr 2019 20:29:04 +0200
Subject: [PATCH 2/3] fix(templates): use port 3000 for Vue

---
 e2e/__snapshots__/templates.test.js.snap     | 2 +-
 src/templates/Vue InstantSearch/package.json | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/__snapshots__/templates.test.js.snap b/e2e/__snapshots__/templates.test.js.snap
index 798ea0787..1085e710a 100644
--- a/e2e/__snapshots__/templates.test.js.snap
+++ b/e2e/__snapshots__/templates.test.js.snap
@@ -5055,7 +5055,7 @@ exports[`Templates Vue InstantSearch File content: package.json 1`] = `
   \\"version\\": \\"1.0.0\\",
   \\"private\\": true,
   \\"scripts\\": {
-    \\"start\\": \\"vue-cli-service serve\\",
+    \\"start\\": \\"vue-cli-service serve --port 3000\\",
     \\"build\\": \\"vue-cli-service build\\",
     \\"lint\\": \\"vue-cli-service lint\\",
     \\"lint:fix\\": \\"npm run lint -- --fix\\"
diff --git a/src/templates/Vue InstantSearch/package.json b/src/templates/Vue InstantSearch/package.json
index 348df69b7..9472f049c 100644
--- a/src/templates/Vue InstantSearch/package.json	
+++ b/src/templates/Vue InstantSearch/package.json	
@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "private": true,
   "scripts": {
-    "start": "vue-cli-service serve",
+    "start": "vue-cli-service serve --port 3000",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
     "lint:fix": "npm run lint -- --fix"

From 1e6473312cb278681999801766fba348f7bb897e Mon Sep 17 00:00:00 2001
From: Haroen Viaene <hello@haroen.me>
Date: Fri, 19 Apr 2019 13:31:15 +0200
Subject: [PATCH 3/3] update name in noscript

---
 e2e/__snapshots__/templates.test.js.snap          | 2 +-
 src/templates/Vue InstantSearch/public/index.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/e2e/__snapshots__/templates.test.js.snap b/e2e/__snapshots__/templates.test.js.snap
index 1085e710a..cf2c0ac9d 100644
--- a/e2e/__snapshots__/templates.test.js.snap
+++ b/e2e/__snapshots__/templates.test.js.snap
@@ -5088,7 +5088,7 @@ exports[`Templates Vue InstantSearch File content: public/index.html 1`] = `
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but prject doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but vue-instantsearch-app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id=\\"app\\"></div>
     <!-- built files will be auto injected -->
diff --git a/src/templates/Vue InstantSearch/public/index.html b/src/templates/Vue InstantSearch/public/index.html
index 423654975..ec6630c54 100644
--- a/src/templates/Vue InstantSearch/public/index.html	
+++ b/src/templates/Vue InstantSearch/public/index.html	
@@ -14,7 +14,7 @@
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but prject doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong>We're sorry but {{name}} doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->