{"version":3,"sources":["webpack:///./src/layout/RightMenu.vue","webpack:///src/layout/RightMenu.vue","webpack:///./src/layout/RightMenu.vue?8189","webpack:///./src/layout/RightMenu.vue?01fa","webpack:///./src/pages/Guideline/components/Manual.vue?a655","webpack:///./src/layout/RightMenu.vue?0909","webpack:///./src/pages/Guideline/components/Manual.vue","webpack:///src/pages/Guideline/components/Manual.vue","webpack:///./src/pages/Guideline/components/Manual.vue?cb6f","webpack:///./src/pages/Guideline/components/Manual.vue?3aeb"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","class","path","includes","on","$event","handleClick","staticRenderFns","created","_this","$watch","$route","params","fetchData","immediate","data","$root","_route","fullPath","methods","route","$router","push","concat","component","attrs","components","RightMenu"],"mappings":"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","file":"assets/js/chunk-281518fd.fd4fa489.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"right-custom-menu\"},[_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"overview\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('overview') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('overview')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"overview\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('blog2') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('blog2')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"mean-content-11\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('app') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('app')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"app\"))+\" \")]),_c('div',{staticClass:\"separator mb-4\"}),_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"topic-tab\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featuretreedetail') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featuretreedetail')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-tree-info\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featureplanning') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featureplanning')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-info2\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('blog') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('blog')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-info\"))+\" \")]),_c('div',{staticClass:\"separator mb-4\"}),_c('p',{staticClass:\"menu-title mb-4\"},[_vm._v(_vm._s(_vm.$t(\"guide-tab\")))]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('manual') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('manual')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"manual-guide\"))+\" \")]),_c('p',{staticClass:\"menu-content mb-4\",class:_vm.path.includes('featuretreeplanning') ? 'active' : '',on:{\"click\":function($event){return _vm.handleClick('featuretreeplanning')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"feature-tree-planning\"))+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"right-custom-menu\">\r\n    <p class=\"menu-title mb-4\">{{ $t(\"overview\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('overview') ? 'active' : ''\"\r\n      @click=\"handleClick('overview')\"\r\n    >\r\n      {{ $t(\"overview\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('blog2') ? 'active' : ''\"\r\n      @click=\"handleClick('blog2')\"\r\n    >\r\n      {{ $t(\"mean-content-11\") }}\r\n    </p>\r\n    <!-- <p class=\"menu-content mb-4\" @click=\"handleClick('feature')\">Lợi ích khi sử dụng ứng dụng</p> -->\r\n\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('app') ? 'active' : ''\"\r\n      @click=\"handleClick('app')\"\r\n    >\r\n      {{ $t(\"app\") }}\r\n    </p>\r\n    <div class=\"separator mb-4\"></div>\r\n    <p class=\"menu-title mb-4\">{{ $t(\"topic-tab\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featuretreedetail') ? 'active' : ''\"\r\n      @click=\"handleClick('featuretreedetail')\"\r\n    >\r\n      {{ $t(\"feature-tree-info\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featureplanning') ? 'active' : ''\"\r\n      @click=\"handleClick('featureplanning')\"\r\n    >\r\n      {{ $t(\"feature-info2\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('blog') ? 'active' : ''\"\r\n      @click=\"handleClick('blog')\"\r\n    >\r\n      {{ $t(\"feature-info\") }}\r\n    </p>\r\n    <div class=\"separator mb-4\"></div>\r\n    <p class=\"menu-title mb-4\">{{ $t(\"guide-tab\") }}</p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('manual') ? 'active' : ''\"\r\n      @click=\"handleClick('manual')\"\r\n    >\r\n      {{ $t(\"manual-guide\") }}\r\n    </p>\r\n    <p\r\n      class=\"menu-content mb-4\"\r\n      :class=\"path.includes('featuretreeplanning') ? 'active' : ''\"\r\n      @click=\"handleClick('featuretreeplanning')\"\r\n    >\r\n      {{ $t(\"feature-tree-planning\") }}\r\n    </p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  created() {\r\n    this.$watch(\r\n      () => this.$route.params,\r\n      () => {\r\n        this.fetchData();\r\n      },\r\n      // fetch the data when the view is created and the data is\r\n      // already being observed\r\n      { immediate: true }\r\n    );\r\n  },\r\n  data() {\r\n    return {\r\n      path: this.$root._route.fullPath,\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick(route) {\r\n      this.$router.push(`/guideline/${route}`);\r\n    },\r\n    fetchData() {\r\n      this.path = this.$root._route.fullPath;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.separator {\r\n  background: #063;\r\n  height: 1px;\r\n}\r\n.menu-content {\r\n  color: var(--website-neutral-60, #18191a);\r\n  /* Website & tablet/Menu */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 16px; /* 114.286% */\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n}\r\n.menu-content:hover {\r\n  color: var(--website-neutral-60, #063);\r\n  /* Website & tablet/Menu */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 16px; /* 114.286% */\r\n  text-transform: uppercase;\r\n  cursor: pointer;\r\n}\r\n.active {\r\n  color: var(--website-neutral-60, #063);\r\n  font-weight: 600 !important;\r\n}\r\n.menu-title {\r\n  color: var(--hover, #063);\r\n  /* Maven Pro/24px - Semi Bold */\r\n  font-family: \"Maven Pro\", sans-serif;\r\n  font-size: 24px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 150%; /* 36px */\r\n  text-transform: uppercase;\r\n}\r\n.right-custom-menu {\r\n  border-left: 2px solid var(--website-gray, #063);\r\n  padding: 32px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RightMenu.vue?vue&type=template&id=29d3cec0&scoped=true&\"\nimport script from \"./RightMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./RightMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RightMenu.vue?vue&type=style&index=0&id=29d3cec0&prod&scoped=true&lang=css&\"\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  \"29d3cec0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Manual.vue?vue&type=style&index=0&id=3ab622ed&prod&scoped=true&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RightMenu.vue?vue&type=style&index=0&id=29d3cec0&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"8\"}},[_c('p',{staticClass:\"text-green ma-28-semi mb-4 w-100\"},[_vm._v(_vm._s(_vm.$t('manual-guide')))]),_c('p',[_c('strong',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.$t('step1')))]),_vm._v(_vm._s(_vm.$t('manual-guide-2')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-1.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(\"Giao diện chính của website\")])])]),_c('p',[_c('strong',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.$t('step2')))]),_vm._v(_vm._s(_vm.$t('manual-guide-3')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-2.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(\"Thanh chức năng tra cứu thông tin cây xanh hiển thị bên tay trái màn hình\")])])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-4')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-3.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(\"Thanh tìm kiếm giúp bạn tìm kiếm phân loại cây một cách nhanh nhất\")])])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-5')))]),_c('ul',[_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-5-1')))]),_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-5-2')))]),_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-5-3')))]),_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-5-4')))])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-6')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-3.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('manual-guide-7')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-8')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-4.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('manual-guide-9')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-10')))]),_c('ul',[_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-10-1')))]),_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-10-2')))]),_c('li',[_vm._v(_vm._s(_vm.$t('manual-guide-10-3')))])]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-5.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('manual-guide-11')))])])]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-6.png\",\"height\":\"312px\"}}),_c('p',[_c('i',[_vm._v(_vm._s(_vm.$t('manual-guide-12')))])])]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-13')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-7.png\",\"height\":\"312px\"}})]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-15')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-8.png\",\"height\":\"312px\"}})]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-16')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-9.png\",\"height\":\"312px\"}})]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-17')))]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-10.png\",\"height\":\"312px\"}})]),_c('div',{staticClass:\"text-center mb-4\"},[_c('img',{attrs:{\"src\":\"/assets/image/blog/manual-11.png\",\"height\":\"312px\"}})]),_c('p',[_vm._v(_vm._s(_vm.$t('manual-guide-18')))])]),_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('RightMenu')],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-row>\r\n      <b-col lg=\"8\">\r\n        <p class=\"text-green ma-28-semi mb-4 w-100\">{{ $t('manual-guide') }}</p>\r\n        <p><strong class=\"mr-2\">{{ $t('step1') }}</strong>{{ $t('manual-guide-2') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-1.png\" height=\"312px\">\r\n          <p><i>Giao diện chính của website</i></p>\r\n        </div>\r\n        <p><strong class=\"mr-2\">{{ $t('step2') }}</strong>{{ $t('manual-guide-3') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-2.png\" height=\"312px\">\r\n          <p><i>Thanh chức năng tra cứu thông tin cây xanh hiển thị bên tay trái màn hình</i></p>\r\n        </div>\r\n        <p>{{ $t('manual-guide-4') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-3.png\" height=\"312px\">\r\n          <p><i>Thanh tìm kiếm giúp bạn tìm kiếm phân loại cây một cách nhanh nhất</i></p>\r\n        </div>\r\n        <p>{{ $t('manual-guide-5') }}</p>\r\n        <ul>\r\n          <li>{{ $t('manual-guide-5-1') }}</li>\r\n          <li>{{ $t('manual-guide-5-2') }}</li>\r\n          <li>{{ $t('manual-guide-5-3') }}</li>\r\n          <li>{{ $t('manual-guide-5-4') }}</li>\r\n        </ul>\r\n        <p>{{ $t('manual-guide-6') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-3.png\" height=\"312px\">\r\n          <p><i>{{ $t('manual-guide-7') }}</i></p>\r\n        </div>\r\n        <p>{{ $t('manual-guide-8') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-4.png\" height=\"312px\">\r\n          <p><i>{{ $t('manual-guide-9') }}</i></p>\r\n        </div>\r\n        <p>{{ $t('manual-guide-10')  }}</p>\r\n        <ul>\r\n          <li>{{ $t('manual-guide-10-1')  }}</li>\r\n          <li>{{ $t('manual-guide-10-2')  }}</li>\r\n          <li>{{ $t('manual-guide-10-3')  }}</li>\r\n        </ul>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-5.png\" height=\"312px\">\r\n          <p><i>{{ $t('manual-guide-11') }}</i></p>\r\n        </div>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-6.png\" height=\"312px\">\r\n          <p><i>{{ $t('manual-guide-12') }}</i></p>\r\n        </div>\r\n        <p>{{ $t('manual-guide-13') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-7.png\" height=\"312px\">\r\n        </div>\r\n        <p>{{ $t('manual-guide-15') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-8.png\" height=\"312px\">\r\n        </div>\r\n        <p>{{ $t('manual-guide-16') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-9.png\" height=\"312px\">\r\n        </div>\r\n        <p>{{ $t('manual-guide-17') }}</p>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-10.png\" height=\"312px\">\r\n        </div>\r\n        <div class=\"text-center mb-4\">\r\n          <img src=\"/assets/image/blog/manual-11.png\" height=\"312px\">\r\n        </div>\r\n        <p>{{ $t('manual-guide-18') }}</p>\r\n      </b-col>\r\n      <b-col lg=\"4\">\r\n        <RightMenu />\r\n      </b-col>\r\n    </b-row>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport RightMenu from \"@/layout/RightMenu\";\r\nexport default {\r\n  components: {\r\n    RightMenu,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.separator {\r\n  background: #e6e8ec;\r\n  height: 1px;\r\n}\r\n.menu-content {\r\n  color: var(--website-neutral-60, #18191a);\r\n  /* Website & tablet/Menu */\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 16px; /* 114.286% */\r\n  text-transform: uppercase;\r\n}\r\n.menu-title {\r\n  color: var(--brand-color, #c71313);\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n}\r\n.right-menu {\r\n  border-radius: 24px;\r\n  border: 1px solid var(--website-gray, #e6e8ec);\r\n  background: var(--website-white, #fff);\r\n  padding: 32px;\r\n}\r\n.font-64 {\r\n  font-size: 64px;\r\n}\r\n.font-24 {\r\n  font-size: 24px;\r\n}\r\n.title-block {\r\n  font-size: 12px;\r\n  font-weight: 300;\r\n  color: #636466;\r\n  width: 75%;\r\n}\r\n.title-secondary {\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n  color: #636466;\r\n  width: 75%;\r\n  margin-bottom: 40px !important;\r\n}\r\n.content-slogan {\r\n  color: var(--website-brand-color, #c71313);\r\n  /* Website & tablet/Header 1 */\r\n  font-size: 48px;\r\n  font-weight: 400;\r\n  line-height: 60px; /* 125% */\r\n  margin-bottom: 40px !important;\r\n}\r\n.content-card {\r\n  border: 1px solid #e6e8ec;\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  transition: 500ms;\r\n  cursor: pointer;\r\n}\r\n.content-card p {\r\n  height: 100px;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden;\r\n}\r\n.content-card:hover {\r\n  box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Manual.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Manual.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Manual.vue?vue&type=template&id=3ab622ed&scoped=true&\"\nimport script from \"./Manual.vue?vue&type=script&lang=js&\"\nexport * from \"./Manual.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Manual.vue?vue&type=style&index=0&id=3ab622ed&prod&scoped=true&lang=css&\"\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  \"3ab622ed\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}