Update app.js

public/js/app.js

@@ -2196,6 +2196,23 @@ __webpack_require__.r(__webpack_exports__);
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ __webpack_exports__["default"] = ({
   name: "todays-pick",
   data: function data() {
@@ -2306,6 +2323,76 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=script&lang=js&":
+/*!***********************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Topic.vue?vue&type=script&lang=js& ***!
+  \***********************************************************************************************************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ __webpack_exports__["default"] = ({
+  data: function data() {
+    return {
+      topic: [],
+      articles: []
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    axios.get("/api/topic/".concat(this.$route.params.slug)).then(function (response) {
+      _this.topic = response.data.topic;
+      _this.articles = response.data.articles;
+    });
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/index.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Article.vue?vue&type=style&index=0&lang=css&":
 /*!********************************************************************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/css-loader??ref--6-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-2!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Article.vue?vue&type=style&index=0&lang=css& ***!
@@ -20606,16 +20693,16 @@ var render = function() {
       "div",
       { staticClass: "flex flex-wrap justify-center" },
       _vm._l(_vm.topics, function(topic) {
-        return _c("a", {
+        return _c("router-link", {
           key: topic.id,
           staticClass:
             "text-sm font-medium border border-gray-700 py-1 px-3 rounded-full mr-2 mt-2 mb-4 hover:bg-green-100 MvTyper",
           staticStyle: { color: "#4A5568" },
-          attrs: { href: "#" },
+          attrs: { to: { name: "topic.show", params: { slug: topic.slug } } },
           domProps: { textContent: _vm._s(topic.name) }
         })
       }),
-      0
+      1
     )
   ])
 }
@@ -20627,7 +20714,10 @@ var staticRenderFns = [
     return _c("div", [
       _c(
         "h2",
-        { staticClass: "text-center text-2xl font-bold text-gray-800 MvAamu" },
+        {
+          staticClass:
+            "text-gray-800 font-bold text-3xl text-center mt-3 mb-2 MvAamu"
+        },
         [_vm._v("\n           ތަފާތު މައުޟޫޢުތައް\n        ")]
       )
     ])
@@ -20685,7 +20775,7 @@ var render = function() {
                       _c("div", [
                         _c("div", {
                           staticClass:
-                            "mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvAamu",
+                            "mt-5 text-gray-700 font-semibold text-2xl mb-2 text-right MvTyper hover:underline",
                           staticStyle: { direction: "rtl" },
                           domProps: { textContent: _vm._s(story.title) }
                         }),
@@ -20745,7 +20835,7 @@ var render = function() {
                   _vm._v(" "),
                   _c("div", {
                     staticClass:
-                      "h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg",
+                      "h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden opacity-75 rounded-lg object-right",
                     style: {
                       "background-image": "url(" + story.featured_image + ")"
                     },
@@ -20772,7 +20862,7 @@ var staticRenderFns = [
         "h3",
         {
           staticClass:
-            "text-2xl font-bold text-gray-800 mt-3 mb-4 text-right MvAamu"
+            "text-gray-800 font-bold text-3xl text-right mt-3 mr-3 MvAamu"
         },
         [_vm._v("\n            ފަހުގެ ޙަބަރުތަށް\n        ")]
       )
@@ -20816,93 +20906,131 @@ var render = function() {
           _vm._l(_vm.subarticles, function(subarticle) {
             return _c(
               "div",
-              {
+              { key: subarticle.id },
-                key: subarticle.id,
-                staticClass: "rounded w-full flex flex-col md:flex-row mb-10"
-              },
               [
-                _c("div", { staticClass: "bg-white rounded px-4" }, [
+                _c(
-                  _c("div", {
+                  "router-link",
+                  {
                     staticClass:
-                      "md:mt-0 text-gray-800 font-semibold text-xl mb-2 text-right leading-8 MvAamu",
+                      "rounded w-full flex flex-col md:flex-row mb-10",
-                    staticStyle: { direction: "rtl" },
+                    attrs: {
-                    domProps: { textContent: _vm._s(subarticle.title) }
+                      to: {
-                  }),
+                        name: "article.show",
-                  _vm._v(" "),
+                        params: { id: subarticle.id }
-                  _c("div", { staticClass: "flex justify-end items-center" }, [
+                      }
-                    _c("div", [
+                    }
-                      _c("p", {
+                  },
+                  [
+                    _c("div", { staticClass: "bg-white rounded px-4" }, [
+                      _c("div", {
                         staticClass:
-                          "font-semibold text-gray-700 text-sm capitalize MvTyper",
+                          "md:mt-0 text-gray-800 font-semibold text-xl xl:text-md lg:text-md mb-2  text-right leading-8 sm:leading-9 md:leading-9 MvTyper hover:underline",
-                        domProps: {
+                        staticStyle: { direction: "rtl" },
-                          textContent: _vm._s(subarticle.source.name)
+                        domProps: { textContent: _vm._s(subarticle.title) }
-                        }
+                      }),
-                      })
+                      _vm._v(" "),
-                    ]),
-                    _vm._v(" "),
-                    _c("img", {
-                      staticClass: "h-10 w-10 rounded-full ml-1 object-cover",
-                      attrs: { src: subarticle.source.logo }
-                    })
-                  ]),
-                  _vm._v(" "),
-                  _c(
-                    "div",
-                    {
-                      staticClass:
-                        "text-gray-600 text-md mt-1 flex justify-end items-center"
-                    },
-                    [
                       _c(
-                        "svg",
+                        "div",
-                        {
+                        { staticClass: "flex justify-end items-center" },
-                          staticClass: "h-4 w-4",
-                          attrs: {
-                            viewBox: "0 0 443.294 443.294",
-                            fill: "currentColor",
-                            xmlns: "http://www.w3.org/2000/svg"
-                          }
-                        },
                         [
-                          _c("path", {
+                          _c("div", [
-                            attrs: {
+                            _c("p", {
-                              d:
+                              staticClass:
-                                "M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
+                                "font-semibold text-gray-700 text-sm capitalize MvTyper",
-                            }
+                              domProps: {
-                          }),
+                                textContent: _vm._s(subarticle.source.name)
+                              }
+                            })
+                          ]),
                           _vm._v(" "),
-                          _c("path", {
+                          _c("img", {
-                            attrs: {
+                            staticClass:
-                              d:
+                              "h-10 w-10 rounded-full ml-1 object-cover",
-                                "M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
+                            attrs: { src: subarticle.source.logo }
-                            }
                           })
                         ]
                       ),
                       _vm._v(" "),
-                      _c("span", {
+                      _c(
-                        staticClass: "ml-1",
+                        "div",
-                        domProps: { textContent: _vm._s(subarticle.readtime) }
+                        {
+                          staticClass:
+                            "text-gray-600 text-md mt-1 flex justify-end items-center"
+                        },
+                        [
+                          _c(
+                            "svg",
+                            {
+                              staticClass: "h-4 w-4",
+                              attrs: {
+                                viewBox: "0 0 443.294 443.294",
+                                fill: "currentColor",
+                                xmlns: "http://www.w3.org/2000/svg"
+                              }
+                            },
+                            [
+                              _c("path", {
+                                attrs: {
+                                  d:
+                                    "M221.647 0C99.433 0 0 99.433 0 221.647s99.433 221.647 221.647 221.647 221.647-99.433 221.647-221.647S343.861 0 221.647 0zm0 415.588c-106.941 0-193.941-87-193.941-193.941s87-193.941 193.941-193.941 193.941 87 193.941 193.941-87 193.941-193.941 193.941z"
+                                }
+                              }),
+                              _vm._v(" "),
+                              _c("path", {
+                                attrs: {
+                                  d:
+                                    "M235.5 83.118h-27.706v144.265l87.176 87.176 19.589-19.589-79.059-79.059z"
+                                }
+                              })
+                            ]
+                          ),
+                          _vm._v(" "),
+                          _c("span", {
+                            staticClass: "ml-1",
+                            domProps: {
+                              textContent: _vm._s(subarticle.readtime)
+                            }
+                          }),
+                          _vm._v(" "),
+                          _c(
+                            "p",
+                            {
+                              staticClass:
+                                "text-gray-600 text-sm text-right mb-2"
+                            },
+                            [
+                              _vm._v(
+                                "\n                                ‒\n                                " +
+                                  _vm._s(
+                                    _vm._f("moment")(
+                                      subarticle.published_date,
+                                      "calendar"
+                                    )
+                                  ) +
+                                  "\n                            "
+                              )
+                            ]
+                          )
+                        ]
+                      ),
+                      _vm._v(" "),
+                      _c("p", {
+                        staticClass:
+                          "block md:hidden p-2 pl-0 pt-1 text-sm text-gray-600 MvTyper",
+                        staticStyle: { direction: "rtl" },
+                        domProps: { textContent: _vm._s(subarticle.body[0]) }
                       })
-                    ]
+                    ]),
-                  ),
+                    _vm._v(" "),
-                  _vm._v(" "),
+                    _c("img", {
-                  _c("p", {
+                      staticClass:
-                    staticClass:
+                        "block md:hidden lg:block rounded-md h-64 md:h-32 m-4 md:m-0",
-                      "block md:hidden p-2 pl-0 pt-1 text-sm text-gray-600 MvTyper",
+                      attrs: { src: subarticle.featured_image }
-                    staticStyle: { direction: "rtl" },
+                    })
-                    domProps: {
+                  ]
-                      textContent: _vm._s(subarticle.body.slice(0, 150))
+                )
-                    }
+              ],
-                  })
+              1
-                ]),
-                _vm._v(" "),
-                _c("img", {
-                  staticClass:
-                    "block md:hidden lg:block rounded-md h-64 md:h-32 m-4 md:m-0",
-                  attrs: { src: subarticle.featured_image }
-                })
-              ]
             )
           }),
           0
@@ -20916,21 +21044,43 @@ var render = function() {
                   "mb-4 lg:mb-0 p-4 lg:p-0 w-full md:w-4/7 relative rounded block"
               },
               [
-                _c("a", { attrs: { href: "#" } }, [
+                _c(
-                  _c("img", {
+                  "router-link",
-                    staticClass: "rounded-md object-cover w-full h-3/4",
+                  {
-                    attrs: { src: _vm.article.featured_image }
+                    attrs: {
-                  })
+                      to: {
-                ]),
+                        name: "article.show",
+                        params: { id: _vm.article.id }
+                      }
+                    }
+                  },
+                  [
+                    _c("img", {
+                      staticClass: "rounded-md object-cover w-full h-3/4",
+                      attrs: { src: _vm.article.featured_image }
+                    })
+                  ]
+                ),
                 _vm._v(" "),
-                _c("a", { attrs: { href: "#" } }, [
+                _c(
-                  _c("h1", {
+                  "router-link",
-                    staticClass:
+                  {
-                      "text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvAamu",
+                    attrs: {
-                    staticStyle: { direction: "rtl" },
+                      to: {
-                    domProps: { textContent: _vm._s(_vm.article.title) }
+                        name: "article.show",
-                  })
+                        params: { id: _vm.article.id }
-                ]),
+                      }
+                    }
+                  },
+                  [
+                    _c("h1", {
+                      staticClass:
+                        "text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvTyper",
+                      staticStyle: { direction: "rtl" },
+                      domProps: { textContent: _vm._s(_vm.article.title) }
+                    })
+                  ]
+                ),
                 _vm._v(" "),
                 _c("div", { staticClass: "flex justify-end items-center" }, [
                   _c("div", [
@@ -20954,19 +21104,6 @@ var render = function() {
                       "text-gray-600 text-md mt-4 flex justify-end items-center mb-3"
                   },
                   [
-                    _c("p", { staticClass: "text-gray-600 text-right" }, [
-                      _vm._v(
-                        "\n                    " +
-                          _vm._s(
-                            _vm._f("moment")(
-                              _vm.article.published_date,
-                              "calendar"
-                            )
-                          ) +
-                          "\n                    ‒\n                "
-                      )
-                    ]),
-                    _vm._v(" "),
                     _c("span", {
                       staticClass: "mr-1 ml-1",
                       domProps: { textContent: _vm._s(_vm.article.readtime) }
@@ -20997,10 +21134,24 @@ var render = function() {
                           }
                         })
                       ]
-                    )
+                    ),
+                    _vm._v(" "),
+                    _c("p", { staticClass: "ml-1 text-gray-600 text-right" }, [
+                      _vm._v(
+                        "\n                    ‒\n                    " +
+                          _vm._s(
+                            _vm._f("moment")(
+                              _vm.article.published_date,
+                              "calendar"
+                            )
+                          ) +
+                          "\n                "
+                      )
+                    ])
                   ]
                 )
-              ]
+              ],
+              1
             )
           : _vm._e()
       ]
@@ -21012,16 +21163,20 @@ var staticRenderFns = [
     var _vm = this
     var _h = _vm.$createElement
     var _c = _vm._self._c || _h
-    return _c("div", [
+    return _c(
-      _c(
+      "div",
-        "h3",
+      { staticClass: "py-6 flex justify-center lg:justify-end md:justify-end" },
-        {
+      [
-          staticClass: "text-gray-800 font-bold text-3xl mb-2 MvAamu",
+        _c(
-          staticStyle: { direction: "rtl" }
+          "h3",
-        },
+          {
-        [_vm._v("\n            މިއަދުގެ ޙުލާސާ\n        ")]
+            staticClass: "text-gray-800 font-bold text-3xl MvAamu",
-      )
+            staticStyle: { direction: "rtl" }
-    ])
+          },
+          [_vm._v("\n            މިއަދުގެ ޙުލާސާ\n        ")]
+        )
+      ]
+    )
   }
 ]
 render._withStripped = true
@@ -21060,7 +21215,7 @@ var render = function() {
           }
         }),
         _vm._v(" "),
-        _c("div", { staticClass: "p-4 absolute bottom-0 left-0 z-20" }, [
+        _c("div", { staticClass: "p-4 absolute bottom-0 right-0 z-20" }, [
           _c("h2", {
             staticClass:
               "text-3xl font-semibold text-gray-100 leading-relaxed text-right MvAamu",
@@ -21162,6 +21317,168 @@ render._withStripped = true
 
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&":
+/*!***************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414& ***!
+  \***************************************************************************************************************************************************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c("div", [
+    _c("section", { staticClass: "mx-auto max-w-6xl py-5" }, [
+      _c("div", { staticClass: "flex flex-col" }, [
+        _vm._m(0),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass: "flex flex-col md:flex-row justify-center items-center"
+          },
+          [
+            _c(
+              "div",
+              {
+                staticClass:
+                  "transition-all ease-in-out duration-1000 flex flex-col justify-center"
+              },
+              [
+                _c(
+                  "div",
+                  {
+                    staticClass: "max-w-xs",
+                    attrs: { slot: "middle-right" },
+                    slot: "middle-right"
+                  },
+                  [
+                    _c(
+                      "div",
+                      { staticClass: "flex flex-col justify-center h-48 p-3" },
+                      [
+                        _c("div", {
+                          staticClass:
+                            "text-5xl font-bold text-gray-800 mb-2 text-center MvAamu",
+                          domProps: { textContent: _vm._s(_vm.topic.name) }
+                        }),
+                        _vm._v(" "),
+                        _c(
+                          "div",
+                          {
+                            staticClass:
+                              "text-sm my-3 MvTyper text-center leading-6",
+                            staticStyle: { direction: "rtl" }
+                          },
+                          [
+                            _vm._v(
+                              " " +
+                                _vm._s(_vm.topic.name) +
+                                " އާއިބެހޭ މަޢުލޫމާތުތަށް އެއްތަންކުރެވިފައި"
+                            )
+                          ]
+                        )
+                      ]
+                    )
+                  ]
+                )
+              ]
+            )
+          ]
+        ),
+        _vm._v(" "),
+        _c(
+          "div",
+          {
+            staticClass:
+              "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10 mt-8"
+          },
+          _vm._l(_vm.articles, function(article) {
+            return _c(
+              "div",
+              {
+                key: article.id,
+                staticClass:
+                  "transition-all ease-in-out duration-1000 flex flex-col justify-center mr-0 md:mr-2"
+              },
+              [
+                _c(
+                  "div",
+                  {
+                    staticClass: "max-w-xs",
+                    attrs: { slot: "bottom-left" },
+                    slot: "bottom-left"
+                  },
+                  [
+                    _c("div", { staticClass: "p-5 shadow-md m-2 mt-4" }, [
+                      _c("img", {
+                        staticClass: "object-scale-down h-30",
+                        attrs: {
+                          src: article.featured_image,
+                          alt: article.meta.title
+                        }
+                      }),
+                      _vm._v(" "),
+                      _c("div", {
+                        staticClass:
+                          "text-xs font-bold uppercase text-teal-700 text-right mt-1 mb-2 MvTyper",
+                        domProps: { textContent: _vm._s(article.source.name) }
+                      }),
+                      _vm._v(" "),
+                      _c("div", {
+                        staticClass: "text-xl font-bold mb-2 MvAamu text-right",
+                        domProps: { textContent: _vm._s(article.title) }
+                      })
+                    ])
+                  ]
+                )
+              ]
+            )
+          }),
+          0
+        )
+      ])
+    ])
+  ])
+}
+var staticRenderFns = [
+  function() {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c(
+      "div",
+      { staticClass: "flex flex-col md:flex-row justify-center items-center" },
+      [
+        _c("div", {
+          staticClass:
+            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
+        }),
+        _vm._v(" "),
+        _c("div", {
+          staticClass:
+            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
+        }),
+        _vm._v(" "),
+        _c("div", {
+          staticClass:
+            "transition-all ease-in-out duration-1000 flex flex-col justify-center"
+        })
+      ]
+    )
+  }
+]
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js":
@@ -41619,6 +41936,75 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./resources/js/pages/Topic.vue":
+/*!**************************************!*\
+  !*** ./resources/js/pages/Topic.vue ***!
+  \**************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Topic.vue?vue&type=template&id=8de93414& */ "./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&");
+/* harmony import */ var _Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Topic.vue?vue&type=script&lang=js& */ "./resources/js/pages/Topic.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
+  _Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["render"],
+  _Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/pages/Topic.vue"
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "./resources/js/pages/Topic.vue?vue&type=script&lang=js&":
+/*!***************************************************************!*\
+  !*** ./resources/js/pages/Topic.vue?vue&type=script&lang=js& ***!
+  \***************************************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib??ref--4-0!../../../node_modules/vue-loader/lib??vue-loader-options!./Topic.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=script&lang=js&");
+/* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Topic_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); 
+
+/***/ }),
+
+/***/ "./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&":
+/*!*********************************************************************!*\
+  !*** ./resources/js/pages/Topic.vue?vue&type=template&id=8de93414& ***!
+  \*********************************************************************/
+/*! exports provided: render, staticRenderFns */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./Topic.vue?vue&type=template&id=8de93414& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/pages/Topic.vue?vue&type=template&id=8de93414&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Topic_vue_vue_type_template_id_8de93414___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+
+
+
 /***/ }),
 
 /***/ "./resources/js/routes.js":
@@ -41632,6 +42018,8 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _pages_Home__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./pages/Home */ "./resources/js/pages/Home.vue");
 /* harmony import */ var _pages_Article__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pages/Article */ "./resources/js/pages/Article.vue");
+/* harmony import */ var _pages_Topic__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pages/Topic */ "./resources/js/pages/Topic.vue");
+
 
 
 /* harmony default export */ __webpack_exports__["default"] = ({
@@ -41643,6 +42031,10 @@ __webpack_require__.r(__webpack_exports__);
     path: '/article/:id',
     component: _pages_Article__WEBPACK_IMPORTED_MODULE_1__["default"],
     name: 'article.show'
+  }, {
+    path: '/topic/:slug',
+    component: _pages_Topic__WEBPACK_IMPORTED_MODULE_2__["default"],
+    name: 'topic.show'
   }]
 });