0.1

build/webpack.dev.conf.js

 'use strict'
+const path = require('path')
 const utils = require('./utils')
 const webpack = require('webpack')
 const config = require('../config')
 const merge = require('webpack-merge')
-const path = require('path')
 const baseWebpackConfig = require('./webpack.base.conf')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 const portfinder = require('portfinder')
+const { VueLoaderPlugin } = require('vue-loader')
 
 const HOST = process.env.HOST
 const PORT = process.env.PORT && Number(process.env.PORT)
 
 const devWebpackConfig = merge(baseWebpackConfig, {
-  module: {
-    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
-  },
-  // cheap-module-eval-source-map is faster for development
-  devtool: config.dev.devtool,
+	module: {
+		rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+	},
+	// cheap-module-eval-source-map is faster for development
+	devtool: config.dev.devtool,
 
-  // these devServer options should be customized in /config/index.js
-  devServer: {
-    clientLogLevel: 'warning',
-    historyApiFallback: {
-      rewrites: [
-        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
-      ],
-    },
-    hot: true,
-    contentBase: false, // since we use CopyWebpackPlugin.
-    compress: true,
-    host: HOST || config.dev.host,
-    port: PORT || config.dev.port,
-    open: config.dev.autoOpenBrowser,
-    overlay: config.dev.errorOverlay
-      ? { warnings: false, errors: true }
-      : false,
-    publicPath: config.dev.assetsPublicPath,
-    proxy: config.dev.proxyTable,
-    quiet: true, // necessary for FriendlyErrorsPlugin
-    watchOptions: {
-      poll: config.dev.poll,
-    }
-  },
-  plugins: [
-    new webpack.DefinePlugin({
-      'process.env': require('../config/dev.env')
-    }),
-    new webpack.HotModuleReplacementPlugin(),
-    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
-    new webpack.NoEmitOnErrorsPlugin(),
-    // https://github.com/ampedandwired/html-webpack-plugin
-    new HtmlWebpackPlugin({
-      filename: 'index.html',
-      template: 'index.html',
-      inject: true
-    }),
-    // copy custom static assets
-    new CopyWebpackPlugin([
-      {
-        from: path.resolve(__dirname, '../static'),
-        to: config.dev.assetsSubDirectory,
-        ignore: ['.*']
-      }
-    ])
-  ]
+	// these devServer options should be customized in /config/index.js
+	devServer: {
+		clientLogLevel: 'warning',
+		historyApiFallback: {
+			rewrites: [
+				{ from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+			],
+		},
+		hot: true,
+		contentBase: false, // since we use CopyWebpackPlugin.
+		compress: true,
+		host: HOST || config.dev.host,
+		port: PORT || config.dev.port,
+		open: config.dev.autoOpenBrowser,
+		overlay: config.dev.errorOverlay
+			? { warnings: false, errors: true }
+			: false,
+		publicPath: config.dev.assetsPublicPath,
+		proxy: config.dev.proxyTable,
+		quiet: true, // necessary for FriendlyErrorsPlugin
+		watchOptions: {
+			poll: config.dev.poll,
+		}
+	},
+	plugins: [
+		new webpack.DefinePlugin({
+			'process.env': require('../config/dev.env')
+		}),
+		new webpack.HotModuleReplacementPlugin(),
+		new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+		new webpack.NoEmitOnErrorsPlugin(),
+		// https://github.com/ampedandwired/html-webpack-plugin
+		new HtmlWebpackPlugin({
+			filename: 'index.html',
+			template: 'index.html',
+			inject: true
+		}),
+		// copy custom static assets
+		new CopyWebpackPlugin([
+			{
+				from: path.resolve(__dirname, '../static'),
+				to: config.dev.assetsSubDirectory,
+				ignore: ['.*']
+			}
+		]),
+		new VueLoaderPlugin()
+	]
 })
 
 module.exports = new Promise((resolve, reject) => {
-  portfinder.basePort = process.env.PORT || config.dev.port
-  portfinder.getPort((err, port) => {
-    if (err) {
-      reject(err)
-    } else {
-      // publish the new Port, necessary for e2e tests
-      process.env.PORT = port
-      // add port to devServer config
-      devWebpackConfig.devServer.port = port
+	portfinder.basePort = process.env.PORT || config.dev.port
+	portfinder.getPort((err, port) => {
+		if (err) {
+			reject(err)
+		} else {
+			// publish the new Port, necessary for e2e tests
+			process.env.PORT = port
+			// add port to devServer config
+			devWebpackConfig.devServer.port = port
 
-      // Add FriendlyErrorsPlugin
-      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
-        compilationSuccessInfo: {
-          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
-        },
-        onErrors: config.dev.notifyOnErrors
-        ? utils.createNotifierCallback()
-        : undefined
-      }))
+			// Add FriendlyErrorsPlugin
+			devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+				compilationSuccessInfo: {
+					messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+				},
+				onErrors: config.dev.notifyOnErrors
+				? utils.createNotifierCallback()
+				: undefined
+			}))
 
-      resolve(devWebpackConfig)
-    }
-  })
+			resolve(devWebpackConfig)
+		}
+	})
 })

index.html

@@ -3,7 +3,7 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width,initial-scale=1.0">
-		<title>ui</title>
+		<title>openPharma</title>
 	</head>
 	<body>
 		<div id="app"></div>

package.json

 {
-	"name": "ui",
-	"version": "1.0.0",
+	"name": "openpharma",
+	"version": "0.1.1",
 	"description": "openPharma UI",
 	"author": "GrayFawkes <gray.fawkes@outlook.com>",
 	"private": true,
@@ -43,7 +43,7 @@
 		"eslint": "^4.15.0",
 		"eslint-config-standard": "^10.2.1",
 		"eslint-friendly-formatter": "^3.0.0",
-		"eslint-loader": "^1.7.1",
+		"eslint-loader": "^2.1.2",
 		"eslint-plugin-import": "^2.7.0",
 		"eslint-plugin-node": "^5.2.0",
 		"eslint-plugin-promise": "^3.4.0",
@@ -52,7 +52,7 @@
 		"extract-text-webpack-plugin": "^3.0.0",
 		"file-loader": "^1.1.4",
 		"friendly-errors-webpack-plugin": "^1.6.1",
-		"html-webpack-plugin": "^2.30.1",
+		"html-webpack-plugin": "^3.1.0",
 		"jest": "^22.0.4",
 		"jest-serializer-vue": "^0.3.0",
 		"nightwatch": "^0.9.12",
@@ -70,12 +70,13 @@
 		"uglifyjs-webpack-plugin": "^1.1.1",
 		"url-loader": "^0.5.8",
 		"vue-jest": "^1.0.2",
-		"vue-loader": "^13.3.0",
+		"vue-loader": "^15.9.3",
 		"vue-style-loader": "^3.0.1",
 		"vue-template-compiler": "^2.5.2",
-		"webpack": "^3.6.0",
+		"webpack": "^4.44.1",
 		"webpack-bundle-analyzer": "^3.3.2",
-		"webpack-dev-server": "^3.1.11",
+		"webpack-cli": "^3.3.12",
+		"webpack-dev-server": "^3.11.0",
 		"webpack-merge": "^4.1.0"
 	},
 	"engines": {

src/components/Home.vue

@@ -35,7 +35,7 @@ export default {
 		}
 	},
 	mounted () {
-		this.getTrucs() //	TODO: RTO - Faire mieux que ça
+		this.getTrucs() //	TODO: RTO - Va failloir mieux que ça, Ptit
 	},
 	methods: {
 		getTrucs () {