From 3595cbb48857a1bbdccea6e05945aac792e2ae56 Mon Sep 17 00:00:00 2001
From: Adhatama <am.adhatama@gmail.com>
Date: Mon, 9 Jul 2018 14:02:25 +0700
Subject: [PATCH] #9 Change vue to read conf.json file from webpack

---
 resources/js/pages/auth/login.vue | 5 ++---
 webpack.mix.js                    | 9 ++++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/js/pages/auth/login.vue b/resources/js/pages/auth/login.vue
index 8d4db4ce..51300544 100644
--- a/resources/js/pages/auth/login.vue
+++ b/resources/js/pages/auth/login.vue
@@ -25,7 +25,6 @@
 <script>
 import Nprogres from 'nprogress'
 import { mapActions, mapGetters } from 'vuex'
-import config from '../../../../conf.json'
 export default {
   name: 'Login',
 
@@ -69,9 +68,9 @@ export default {
       this.userLogin({
         username: this.username,
         password: this.password,
-        client_id: config.client_id,
+        client_id: process.env.CLIENT_ID,
         response_type: 'token',
-        redirect_uri: config.redirect_uri,
+        redirect_uri: process.env.REDIRECT_URI,
         state: 'random-string',
       }).then(this.redirector)
       .catch(() => this.$toasted.error('Incorrect Username and/or password'))
diff --git a/webpack.mix.js b/webpack.mix.js
index ca759ea2..69d21946 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -3,6 +3,7 @@ const webpack = require('webpack');
 const path = require('path');
 const glob = require('glob-all');
 const fs = require('fs')
+const confJSON = require('./conf.json');
 
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const PurifyCSSPlugin = require('purifycss-webpack');
@@ -67,7 +68,13 @@ mix.webpackConfig({
       chunkSortMode: 'dependency',
       serviceWorkerLoader: `<script>${fs.readFileSync(path.join(__dirname,
         mix.inProduction() ? './resources/js/service-worker-prod.js' : './resources/js/service-worker-dev.js'), 'utf-8')}</script>`
-    })
+    }),
+    new webpack.DefinePlugin({
+      'process.env': {
+        REDIRECT_URI: JSON.stringify(confJSON.redirect_uri),
+        CLIENT_ID: JSON.stringify(confJSON.client_id)
+      },
+    }),
   ],
   resolve: {
     extensions: [