Updated component FrontPage.vue

Author: ahmadhussnain

public/js/app.js

@@ -2343,7 +2343,8 @@ __webpack_require__.r(__webpack_exports__);
   data: function data() {
     return {
       categories: [],
-      products: [],
+      products: {},
+      // Products has object literal because we are depend upon third party Vue.js component
       loading: true,
       error: false
     };
@@ -21361,7 +21362,9 @@ var staticRenderFns = [
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
     return _c("div", { staticClass: "text-center text-secondary" }, [
-      _c("h1", [_vm._v("Sorry, No records found!")])
+      _c("p", [
+        _vm._v("Sorry, No records found! Maybe database connection error.")
+      ])
     ])
   }
 ]

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/js/app.js": "/js/app.js?id=fea10c95716ae2f53fd0",
+    "/js/app.js": "/js/app.js?id=84a8944707ae014f4025",
     "/css/app.css": "/css/app.css?id=aefe1876af1802310a0f"
 }

resources/js/components/FrontPage.vue

@@ -14,7 +14,7 @@
         <!-- If there is an Error please show -->
         <div class="loading-wrapper" v-if="error">
             <div class="text-center text-secondary">
-                <h1>Sorry, No records found!</h1>
+                <p>Sorry, No records found! Maybe database connection error.</p>
             </div>
         </div>
 
@@ -79,7 +79,7 @@ export default {
     data: function(){
       return {
           categories: [],
-          products: [],
+          products: {}, // Products has object literal because we are depend upon third party Vue.js component
           loading: true,
           error: false
       }