{"version":3,"sources":["webpack:///./src/views/SubTopics.vue?43e0","webpack:///./src/components/mathematics/triangles/SubtopicMenu.vue?8ab8","webpack:///./src/components/mathematics/triangles/SubtopicMenu.vue","webpack:///src/components/mathematics/triangles/SubtopicMenu.vue","webpack:///./src/components/mathematics/triangles/SubtopicMenu.vue?5bf9","webpack:///./src/components/mathematics/triangles/SubtopicMenu.vue?8b1c","webpack:///./src/views/SubTopics.vue","webpack:///src/views/SubTopics.vue","webpack:///./src/views/SubTopics.vue?bf9a","webpack:///./src/views/SubTopics.vue?89da"],"names":["class","_vm","$vuetify","staticStyle","attrs","_c","staticClass","_defineProperty","key","path","staticRenderFns","name","components","SubtopicCard","data","playerOptions","preload","ratio","topics","headline","description","img","created","_this","$store","commit","newTopics","title","action","$router","push","newshowhome","newMath","newLeftArrow","newModule","component","scopedSlots","fn","_ref","hover","props","type","String","default","required"],"mappings":"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","file":"js/chunk-4aade940.869608de.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubTopics.vue?vue&type=style&index=0&id=63f8118a&prod&scoped=true&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubtopicMenu.vue?vue&type=style&index=0&id=34b9d703&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Introduction\")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\",\"wrap\":\"\"}},[_c('v-flex',{staticClass:\"font-weight-light\",class:{'headline': _vm.$vuetify.breakpoint.lgAndUp,'body-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2': _vm.$vuetify.breakpoint.smAndDown},attrs:{\"xs12\":\"\",\"sm8\":\"\",\"md8\":\"\",\"lg8\":\"\",\"xl8\":\"\"}},[_c('span',{staticClass:\"subhead\"},[_vm._v(\"A\")]),_vm._v(\" triangle is a geometric shape that is formed by three straight lines connecting three non-colinear points.\\n      The three lines are called sides of the triangle. The three points are called the vertices.\\n      The angle formed by any two sides at their common vertex is called an interior angle of the triangle.\\n      \"),_c('br'),_vm._v(\"\\n      Triangles are one of the most commonly used shapes in design and architecture.\\n      Triangles and their properties have been known to and used by human civilizations in design and construction\\n      since ancient times. For example, the facets of Egypt's great pyramids are triangles.\\n      Egyptian's knowledge of triangles and their properties enabled them to\\n      design and build Egypt's great pyramids.\\n      \"),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Outline\")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_vm._v(\"\\n      This chapter on triangles  and their properties consists of four lessons. Each lesson comes with a visually interactive MagicGraph that offers students a uniquely engaging and effective learning experience.\\n      \"),_c('h5',[_vm._v(\" Lesson 1 \")]),_vm._v(\"\\n      Types of triangles: Triangles can be classified based on sides (e.g. scalene, isosceles and equilateral triangles) or based on angles\\n      (e.g. acute-angled, obtuse-angled and right-angled triangles).\\n      \"),_c('h5',[_vm._v(\" Lesson 2 \")]),_vm._v(\"\\n      Features of a triangle: median, altitude and centroid.\\n      \"),_c('h5',[_vm._v(\" Lesson 3 \")]),_vm._v(\"\\n      Interior and exterior angles of a triangle. Triangle sum theorem — the theorem on the sum of three interior angles of a triangle. \"),_c('h5',[_vm._v(\" Lesson 4 \")]),_vm._v(\"\\n      Pythagorean theorem: the theorem that relates the three sides of a right-angled triangle.\\n      \"),_c('br'),_c('br')]),_c('v-flex',{attrs:{\"xs12\":\"\",\"sm4\":\"\",\"md4\":\"\",\"lg4\":\"\",\"xl4\":\"\"}},[_c('h5',{staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"\\n        The facets of Egypt's great pyramids are triangles.\\n        Egyptian's knowledge of triangles and their properties enabled them to design and build the great Pyramids.\\n      \")]),_c('v-img',{staticClass:\"imgC\",attrs:{\"padding\":\"0px\",\"max-height\":\"500px\",\"max-width\":\"500px\",\"src\":\"/assets/giza.svg\",\"contain\":\"\"}})],1)],1),_c('div',{staticClass:\"font-weight-medium\",class:{'display-1': _vm.$vuetify.breakpoint.lgAndUp,'headline': _vm.$vuetify.breakpoint.mdOnly, 'subheading': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticStyle:{\"font-family\":\"Oswald\"}},[_vm._v(\" Let's get started\")])]),_c('div',{staticStyle:{\"margin-top\":\"10px\"}}),_c('div',{staticClass:\"font-weight-light\",class:{'headline': _vm.$vuetify.breakpoint.lgAndUp,'body-2': _vm.$vuetify.breakpoint.mdOnly, 'body-2': _vm.$vuetify.breakpoint.smAndDown}},[_c('span',{staticClass:\"subhead\"},[_vm._v(\"E\")]),_vm._v(\"xplore our comprehensive library of interactive lessons on triangles and their properties.\\n  \")]),_c('div',{staticStyle:{\"margin-top\":\"20px\"}}),_c('v-container',{attrs:{\"grid-list-xl\":\"\",\"text-xs-center\":\"\"}},[_c('v-layout',{attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},_vm._l((_vm.topics),function(topic){return _c('v-flex',{key:topic.key,attrs:{\"xs12\":\"\",\"sm12\":\"\",\"md12\":\"\",\"lg12\":\"\",\"xl12\":\"\"}},[_c('subtopic-card',{attrs:{\"headline\":topic.headline,\"description\":topic.description,\"img\":topic.img,\"path\":topic.path}})],1)}),1)],1),_c('br'),_c('br'),_c('br')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <span style=\"font-family:Oswald\"> Introduction</span>\r\n    </div>\r\n    <div style=\"margin-top: 10px\" />\r\n    <v-layout align-center\n              justify-center\n              row\n              wrap\n    >\r\n      <v-flex xs12\n              sm8\n              md8\n              lg8\n              xl8\n              class=\"font-weight-light\"\r\n              :class=\"{'headline': $vuetify.breakpoint.lgAndUp,'body-2': $vuetify.breakpoint.mdOnly, 'body-2': $vuetify.breakpoint.smAndDown}\"\r\n      >\r\n        <span class=\"subhead\">A</span> triangle is a geometric shape that is formed by three straight lines connecting three non-colinear points.\r\n        The three lines are called sides of the triangle. The three points are called the vertices.\r\n        The angle formed by any two sides at their common vertex is called an interior angle of the triangle.\r\n        <br>\r\n        Triangles are one of the most commonly used shapes in design and architecture.\r\n        Triangles and their properties have been known to and used by human civilizations in design and construction\r\n        since ancient times. For example, the facets of Egypt's great pyramids are triangles.\r\n        Egyptian's knowledge of triangles and their properties enabled them to\r\n        design and build Egypt's great pyramids.\r\n        <div style=\"margin-top: 20px\" />\r\n        <div class=\"font-weight-medium\"\r\n             :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n        >\r\n          <span style=\"font-family:Oswald\"> Outline</span>\r\n        </div>\r\n        <div style=\"margin-top: 10px\" />\r\n        This chapter on triangles  and their properties consists of four lessons. Each lesson comes with a visually interactive MagicGraph that offers students a uniquely engaging and effective learning experience.\r\n        <h5> Lesson 1 </h5>\r\n        Types of triangles: Triangles can be classified based on sides (e.g. scalene, isosceles and equilateral triangles) or based on angles\r\n        (e.g. acute-angled, obtuse-angled and right-angled triangles).\r\n        <h5> Lesson 2 </h5>\r\n        Features of a triangle: median, altitude and centroid.\r\n        <h5> Lesson 3 </h5>\r\n        Interior and exterior angles of a triangle. Triangle sum theorem &mdash; the theorem on the sum of three interior angles of a triangle. </li>\r\n        <h5> Lesson 4 </h5>\r\n        Pythagorean theorem: the theorem that relates the three sides of a right-angled triangle.\r\n        <br><br>\r\n      </v-flex>\r\n      <v-flex xs12\n              sm4\n              md4\n              lg4\n              xl4\n      >\r\n        <h5 style=\"text-align:center\">\n          The facets of Egypt's great pyramids are triangles.\r\n          Egyptian's knowledge of triangles and their properties enabled them to design and build the great Pyramids.\n        </h5>\r\n        <v-img class=\"imgC\"\r\n               padding=\"0px\"\r\n               max-height=\"500px\"\r\n               max-width=\"500px\"\r\n               src=\"/assets/giza.svg\"\r\n               contain\r\n        />\r\n      </v-flex>\r\n    </v-layout>\r\n    <div class=\"font-weight-medium\"\r\n         :class=\"{'display-1': $vuetify.breakpoint.lgAndUp,'headline': $vuetify.breakpoint.mdOnly, 'subheading': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <span style=\"font-family:Oswald\"> Let's get started</span>\r\n    </div>\r\n    <div style=\"margin-top: 10px\" />\r\n    <div class=\"font-weight-light\"\r\n         :class=\"{'headline': $vuetify.breakpoint.lgAndUp,'body-2': $vuetify.breakpoint.mdOnly, 'body-2': $vuetify.breakpoint.smAndDown}\"\r\n    >\r\n      <span class=\"subhead\">E</span>xplore our comprehensive library of interactive lessons on triangles and their properties.\r\n    </div>\r\n    <div style=\"margin-top: 20px\" />\r\n    <v-container grid-list-xl text-xs-center>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n      >\r\n        <v-flex v-for=\"topic in topics\"\r\n                :key=\"topic.key\"\r\n                xs12\r\n                sm12\r\n                md12\r\n                lg12\r\n                xl12\r\n        >\r\n          <subtopic-card\r\n            :headline=\"topic.headline\"\r\n            :description=\"topic.description\"\r\n            :img=\"topic.img\"\r\n            :path=\"topic.path\"\r\n          />\r\n        </v-flex>\r\n      </v-layout>\r\n    </v-container>\r\n    <br>\r\n    <br>\r\n    <br>\r\n  </div>\r\n</template>\r\n<script>\r\nimport SubtopicCard from '../../../views/SubTopics.vue'\r\nexport default {\r\n    name: 'Vectors',\r\n    components: {\r\n    SubtopicCard\r\n    },\r\n    data () {\r\n      return {\r\n        playerOptions: {\r\n        preload:'auto',\r\n        ratio: '16:9'\r\n        },\r\n      topics: [\r\n      {\r\n        headline: \"Types of Triangles\", description: \"Ohm's law is a fundamental principle that relates the voltage applied across a conducting material to the electric current flowing through it.  \",\r\n        img:\"/assets/wdice-1.svg\", path: \"/mathematics/triangles/types\"\r\n      },\r\n      { headline: \"Features of Triangles\", description: \"Kirchhoff’s voltage law can be used to calculate voltage drops across different components of an electric circuit, simple or complex.\",\r\n        img: \"/assets/wdice-2.svg\", path: \"/mathematics/triangles/features\"\r\n      },\r\n      { headline: \"Triangle Sum Theorem\", description: \"A resistor is an Ohmic device that is used to limit the flow of charge in a circuit\",\r\n          img: \"/assets/wdice-3.svg\", path: \"/mathematics/triangles/sum\"\r\n      },\r\n      {\r\n        headline: \"Pythagorean Theorem\", description: \"Most basic type of electric circuit in which a resistor and a capacitor are connected in series. \",\r\n          img: \"/assets/wdice-4.svg\", path: \"/mathematics/triangles/pythagorean\"\r\n      }\r\n      ]\r\n    }\r\n  },\r\n    created () {\r\n      this.$store.commit('navigation/resetState');\r\n      this.$store.commit('navigation/changeTitle', 'The Triangle and Its Properties');\r\n      this.$store.commit('navigation/changeMenu', 'The Triangle and Its Properties');\r\n      let newTopics = [\r\n        {title: 'Types of Triangles', img:'/assets/wdice-1.svg', action: () => this.$router.push({path: '/mathematics/triangles/types'})},\r\n        {title: 'Features of Triangles', img:'/assets/wdice-2.svg', action: () => this.$router.push({path: '/mathematics/triangles/features'})},\r\n        {title: 'Triangle Sum Theorem',img:'/assets/wdice-3.svg', action: () => this.$router.push({path: '/mathematics/triangles/sum'})},\r\n        {title: 'Pythagorean Theorem', img:'/assets/wdice-4.svg', action: () => this.$router.push({path: '/mathematics/triangles/pythagorean'})},\r\n      ];\r\n      this.$store.commit('navigation/replaceTopics', newTopics);\r\n      let newshowhome = false;\r\n      this.$store.commit('navigation/toggleshowhome', newshowhome);\r\n      let newMath =true;\r\n      this.$store.commit('navigation/replaceMath', newMath);\r\n      let newLeftArrow =true;\r\n      this.$store.commit('navigation/replaceLeftArrow', newLeftArrow);\r\n      let newModule=true;\r\n      this.$store.commit('navigation/replaceModule', newModule);  \r\n       }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n.subhead {\r\ncolor: #903;\r\nfloat: left;\r\nfont-family: Georgia;\r\nfont-size: 75px;\r\nline-height: 60px;\r\npadding-top: 4px;\r\npadding-right: 8px;}\r\n\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubtopicMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubtopicMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubtopicMenu.vue?vue&type=template&id=34b9d703&scoped=true&\"\nimport script from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SubtopicMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubtopicMenu.vue?vue&type=style&index=0&id=34b9d703&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"34b9d703\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('router-link',{attrs:{\"to\":_vm.path}},[_c('v-container',{staticStyle:{\"padding\":\"0px\"},attrs:{\"grid-list-xs\":\"\",\"fluid\":\"\"}},[_c('v-layout',{staticClass:\"px-1\",attrs:{\"align-center\":\"\",\"justify-center\":\"\",\"row\":\"\"}},[_c('v-hover',{scopedSlots:_vm._u([{key:\"default\",fn:function({ hover }){return [_c('v-card',{staticClass:\"rounded-card\",attrs:{\"elevation\":hover ? 9:2,\"height\":\"auto\",\"max-width\":\"400px\",\"align\":\"center\",\"justify\":\"center\",\"contain\":\"\"}},[_c('h3',{staticClass:\"font-weight-bold mt-3 text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.headline)+\"\\n          \")]),_c('h4',{staticClass:\"font-weight-bold mt-2 text-center\",staticStyle:{\"color\":\"black\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.description)+\"\\n          \")]),_c('v-divider',{staticClass:\"mt-3\",staticStyle:{\"color\":\"black\"}}),_c('v-img',{staticClass:\"mt-2 mb-2\",attrs:{\"src\":_vm.img,\"contain\":\"\"}})],1)]}}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <router-link :to=\"path\">\r\n    <v-container style=\"padding:0px\" grid-list-xs fluid>\r\n      <v-layout\r\n        align-center\r\n        justify-center\r\n        row\r\n        class=\"px-1\"\r\n      >\r\n        <v-hover v-slot:default=\"{ hover }\">\r\n          <v-card class=\"rounded-card\"\r\n                  :elevation=\"hover ? 9:2\"\r\n                  height=\"auto\"\r\n                  max-width=\"400px\"\r\n                  align=\"center\"\r\n                  justify=\"center\"\r\n                  contain\r\n          >\r\n            <h3 style=\"color:black;\" class=\" font-weight-bold mt-3 text-center\">\r\n              {{ headline }}\r\n            </h3>\r\n            <h4 style=\"color:black;\" class=\" font-weight-bold mt-2 text-center\">\r\n              {{ description }}\r\n            </h4>\r\n            <v-divider style=\"color:black;\" class=\"mt-3\" />\r\n            <v-img\r\n              class=\"mt-2 mb-2\"\r\n              :src=\"img\"\r\n              contain\r\n            />\r\n          </v-card>\r\n        </v-hover>\r\n      </v-layout>\r\n    </v-container>\r\n  </router-link>\r\n</template>\r\n<script>\r\nexport default {\r\n  props: {\r\n    headline: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n    description: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    img: {\r\n      type: String,\r\n      default: '',\r\n      required: false\r\n    },\r\n    path: {\r\n      type: String,\r\n      default: '',\r\n      required: true\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style scoped lang=\"scss\">\r\n@import '@/styles/screen-sizes.scss';\r\n.rounded-card {\r\n  margin-top:auto;\r\n  margin-bottom:auto;\r\n  @include respond-to(less-smallest-screens) {height:52vw; width:30vw; border-radius: 4.5px; }\r\n  @include respond-to(smallest-screens) { height:40vw; width:28vw; border-radius: 4.5px; }\r\n  @include respond-to(small-screens) { height:44vw; width:29vw;border-radius: 5.5px;}\r\n  @include respond-to(medium-screens) { height:42vw; width:28vw;border-radius: 6.5px;}\r\n  @include respond-to(large-screens) { height: 32vw; width:22vw;border-radius: 7.5px;}\r\n  @include respond-to(largest-screens) { height:auto; width:15vw; border-radius: 8.5px;}\r\n}\r\n.thumbnail {\r\n  display: inline-block;\r\n  max-width: 100%; /* only this one important */\r\n  margin-bottom: 1rem;\r\n  border: solid 4px #fefefe;\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);\r\n  line-height: 0; }\r\n.imgC{\r\n  justify:center;\r\n  align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {height:60px; top:5px;}\r\n  @include respond-to(smallest-screens) {height:60px;top:6.5px;}\r\n  @include respond-to(small-screens) {height:70px;top:10px;}\r\n  @include respond-to(medium-screens) {height:80px;top:12px;}\r\n  @include respond-to(large-screens) {height: 140px;top:12px;}\r\n  @include respond-to(largest-screens) {height:150px;top:15px;}\r\n  padding-bottom:20px;\r\n  padding-top:30px;\r\n  }\r\n.subjects{\r\n  text-decoration: none;\r\n  font-family: Oswald;\r\n  display: inline-block;\r\n  text-align:center;\r\n  position:relative;\r\n  @include respond-to(less-smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(smallest-screens) {font-size:2vw;padding-top:15px}\r\n  @include respond-to(small-screens) {font-size:3vw;padding-top:20px;}\r\n  @include respond-to(medium-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(large-screens) {font-size:2.0vw;padding-top:15px;}\r\n  @include respond-to(largest-screens) {font-size:2.0vw; padding-top:20px;}\r\n  }\r\na {\r\n  text-decoration: none !important;\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubTopics.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubTopics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubTopics.vue?vue&type=template&id=63f8118a&scoped=true&\"\nimport script from \"./SubTopics.vue?vue&type=script&lang=js&\"\nexport * from \"./SubTopics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SubTopics.vue?vue&type=style&index=0&id=63f8118a&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"63f8118a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}