webpack.mix.js config has been updated

* Update compile js file immediately.
* Update compile css file immediately.

Author: ahmadhussnain

resources/css/app.css

@@ -18,3 +18,92 @@ footer {
     background-color: #fff;
     z-index: 1029;
 }
+
+.api {
+    position: relative;
+    width: 100px;
+    height: 100px;
+    display: flex;
+    align-items: center;
+}
+
+.api:hover .api__overlay {
+
+}
+
+.api__overlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 8px;
+    background-color: rgba(0,0,0,.8);
+}
+
+.api--opacity .api__overlay {
+    opacity: 0;
+    transition: opacity .3s ease-in-out;
+}
+
+.api--opacity:hover .api__overlay {
+    opacity: 1;
+}
+
+
+/* Custom Image upload */
+.api-file {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    user-select: none;
+}
+
+/* This is the main label file where user will click to upload items. */
+.api-file__label {
+    position: relative;
+    align-items: stretch;
+    display: flex;
+    cursor: pointer;
+    justify-content: flex-start;
+    overflow: hidden;
+    margin: 0;
+}
+
+.api-file__input {
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    outline: none;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
+
+.api-file__btn {
+    /* Very very important property. */
+    position: relative;
+    color: #fff;
+    background-color: #007bff;
+    display: inline-block;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    user-select: none;
+    border: 1px solid  #007bff;
+    padding: 6px 12px;
+    font-size: 1rem;
+    line-height: 1.5;
+    border-radius: .25rem;
+}
+
+.api-file__text {
+    align-items: stretch;
+    display: flex;
+    cursor: pointer;
+    justify-content: flex-start;
+    overflow: hidden;
+    position: relative;
+}

resources/js/app.js

@@ -1,17 +1,5 @@
+require('./bootstrap');
 import Vue from 'vue';
-import axios from 'axios';
-import _ from 'lodash';
-
-/**
- * We'll load the axios HTTP library which allows us to easily issue requests
- * to our Laravel back-end. This library automatically handles sending the
- * CSRF token as a header based on the value of the "XSRF" token cookie.
- */
-
-window.axios = axios;
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
-
 
 window.Vue = Vue;
 // Do `Vue.prototype._` = _ to use lodash as _ in templates. But I recommend you to define

webpack.mix.js

@@ -11,7 +11,7 @@ const mix = require('laravel-mix');
  |
  */
 
-mix.js('resources/js/app.js', 'public/js').vue()
+mix.js('resources/js/app.js', 'public/js').version().vue()
     .postCss('resources/css/app.css', 'public/css', [
         //
-    ]);
+    ]).version();