{"version":3,"sources":["webpack:///./src/router/views/ui/buttons.vue?d308","webpack:///src/router/views/ui/buttons.vue","webpack:///./src/router/views/ui/buttons.vue?65bc","webpack:///./src/router/views/ui/buttons.vue","webpack:///./src/router/layouts/main.vue?9854","webpack:///src/router/layouts/main.vue","webpack:///./src/router/layouts/main.vue?f812","webpack:///./src/router/layouts/main.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","items","staticClass","_v","slot","staticRenderFns","component","layoutType","_t","_e"],"mappings":"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","file":"js/chunk-47e13099.fd0fa083.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Examples\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Bootstrap includes six predefined button styles, each serving its own semantic purpose.\")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"variant\":\"primary\"}},[_vm._v(\"Primary\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Secondary\")]),_c('b-button',{attrs:{\"variant\":\"success\"}},[_vm._v(\"Success\")]),_c('b-button',{attrs:{\"variant\":\"info\"}},[_vm._v(\"Info\")]),_c('b-button',{attrs:{\"variant\":\"warning\"}},[_vm._v(\"Warning\")]),_c('b-button',{attrs:{\"variant\":\"danger\"}},[_vm._v(\"Danger\")]),_c('b-button',{attrs:{\"variant\":\"dark\"}},[_vm._v(\"Dark\")]),_c('b-button',{attrs:{\"variant\":\"link\"}},[_vm._v(\"Link\")]),_c('b-button',{attrs:{\"variant\":\"light\"}},[_vm._v(\"Light\")])],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Outline buttons\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Replace the default modifier classes with the \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"outline-*\")]),_vm._v(\" ones to remove all background images and colors on any button. \")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"variant\":\"outline-primary\"}},[_vm._v(\"Primary\")]),_c('b-button',{attrs:{\"variant\":\"outline-secondary\"}},[_vm._v(\"Secondary\")]),_c('b-button',{attrs:{\"variant\":\"outline-success\"}},[_vm._v(\"Success\")]),_c('b-button',{attrs:{\"variant\":\"outline-info\"}},[_vm._v(\"Info\")]),_c('b-button',{attrs:{\"variant\":\"outline-warning\"}},[_vm._v(\"Warning\")]),_c('b-button',{attrs:{\"variant\":\"outline-danger\"}},[_vm._v(\"Danger\")]),_c('b-button',{attrs:{\"variant\":\"outline-dark\"}},[_vm._v(\"Dark\")]),_c('b-button',{attrs:{\"variant\":\"outline-light\"}},[_vm._v(\"Light\")])],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Rounded buttons\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Use \"),_c('code',[_vm._v(\"pill\")]),_vm._v(\" for button round border. \")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"primary\"}},[_vm._v(\"Primary\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"secondary\"}},[_vm._v(\"Secondary\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"success\"}},[_vm._v(\"Success\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"info\"}},[_vm._v(\"Info\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"warning\"}},[_vm._v(\"Warning\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"danger\"}},[_vm._v(\"Danger\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"dark\"}},[_vm._v(\"Dark\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"link\"}},[_vm._v(\"Link\")]),_c('b-button',{attrs:{\"pill\":\"\",\"variant\":\"light\"}},[_vm._v(\"Light\")])],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Sizes\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Fancy larger or smaller buttons? Add size \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"lg\")]),_vm._v(\" or \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"sm\")]),_vm._v(\" for additional sizes. \")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"size\":\"lg\",\"variant\":\"primary\"}},[_vm._v(\"Large button\")]),_c('b-button',{attrs:{\"size\":\"lg\"}},[_vm._v(\"Large button\")]),_c('b-button',{attrs:{\"size\":\"sm\",\"variant\":\"primary\"}},[_vm._v(\"Small button\")]),_c('b-button',{attrs:{\"size\":\"sm\"}},[_vm._v(\"Small button\")])],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Block Buttons\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Create block level buttons—those that span the full width of a parent—by adding \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"block\")]),_vm._v(\". \")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"block\":\"\",\"variant\":\"primary\",\"size\":\"lg\"}},[_vm._v(\"Block Level Button\")]),_c('b-button',{attrs:{\"block\":\"\",\"size\":\"sm\"}},[_vm._v(\"Block Level Button\")])],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Button tags\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" The \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\".btn\")]),_vm._v(\" classes are designed to be used with the \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<button>\")]),_vm._v(\" element. However, you can also use these classes on \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"<a>\")]),_vm._v(\". (though some browsers may apply a slightly different rendering). \")]),_c('div',{staticClass:\"button-items\"},[_c('b-button',{attrs:{\"href\":\"#\",\"variant\":\"primary\"}},[_vm._v(\"Link\")]),_c('b-button',{attrs:{\"variant\":\"success\",\"type\":\"submit\"}},[_vm._v(\"Button\")])],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Sizing\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Instead of applying button sizing classes to every button in a group, just add size \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"lg, sm\")]),_vm._v(\" to each \"),_c('code',{staticClass:\"highlighter-rouge\"},[_vm._v(\"button-group\")]),_vm._v(\", including each one when nesting multiple groups. \")]),_c('div',[_c('b-button-group',{attrs:{\"size\":\"lg\"}},[_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Left\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Right\")])],1)],1),_c('div',{staticClass:\"mt-2\"},[_c('b-button-group',[_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Left\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Right\")])],1)],1),_c('div',{staticClass:\"mt-2\"},[_c('b-button-group',{attrs:{\"size\":\"sm\"}},[_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Left\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Middle\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Right\")])],1)],1)])])]),_c('div',{staticClass:\"col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Vertical variation\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Make a set of buttons appear vertically stacked rather than horizontally. Split button dropdowns are not supported here. \")]),_c('b-button-group',{attrs:{\"vertical\":\"\"}},[_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Button\")]),_c('b-dropdown',{attrs:{\"variant\":\"secondary\"}},[_c('template',{slot:\"button-content\"},[_vm._v(\" Dropdown \"),_c('i',{staticClass:\"mdi mdi-chevron-down\"})]),_c('b-dropdown-item',[_vm._v(\"Dropdown Link\")]),_c('b-dropdown-item',[_vm._v(\"Dropdown Link\")])],2),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Button\")]),_c('b-button',{attrs:{\"variant\":\"secondary\"}},[_vm._v(\"Button\")])],1)],1)])])]),_c('div',{staticClass:\"row\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport appConfig from \"@/app.config\";\n\n/**\n * Buttons component\n */\nexport default {\n  page: {\n    title: \"Buttons\",\n    meta: [{ name: \"description\", content: appConfig.description }]\n  },\n  components: { Layout, PageHeader },\n  data() {\n    return {\n      title: \"Buttons\",\n      items: [\n        {\n          text: \"Veltrix\",\n          href: \"/\"\n        },\n        {\n          text: \"UI Elements\",\n          href: \"/\"\n        },\n        {\n          text: \"Buttons\",\n          active: true\n        }\n      ]\n    };\n  }\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :title=\"title\" :items=\"items\" />\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Examples</h4>\n            <p\n              class=\"card-title-desc\"\n            >Bootstrap includes six predefined button styles, each serving its own semantic purpose.</p>\n            <div class=\"button-items\">\n              <b-button variant=\"primary\">Primary</b-button>\n              <b-button variant=\"secondary\">Secondary</b-button>\n              <b-button variant=\"success\">Success</b-button>\n              <b-button variant=\"info\">Info</b-button>\n              <b-button variant=\"warning\">Warning</b-button>\n              <b-button variant=\"danger\">Danger</b-button>\n              <b-button variant=\"dark\">Dark</b-button>\n              <b-button variant=\"link\">Link</b-button>\n              <b-button variant=\"light\">Light</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Outline buttons</h4>\n            <p class=\"card-title-desc\">\n              Replace the default modifier classes with the\n              <code class=\"highlighter-rouge\">outline-*</code> ones to remove all background images and colors on any button.\n            </p>\n            <div class=\"button-items\">\n              <b-button variant=\"outline-primary\">Primary</b-button>\n              <b-button variant=\"outline-secondary\">Secondary</b-button>\n              <b-button variant=\"outline-success\">Success</b-button>\n              <b-button variant=\"outline-info\">Info</b-button>\n              <b-button variant=\"outline-warning\">Warning</b-button>\n              <b-button variant=\"outline-danger\">Danger</b-button>\n              <b-button variant=\"outline-dark\">Dark</b-button>\n              <b-button variant=\"outline-light\">Light</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- end row -->\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Rounded buttons</h4>\n            <p class=\"card-title-desc\">\n              Use\n              <code>pill</code> for button round border.\n            </p>\n            <div class=\"button-items\">\n              <b-button pill variant=\"primary\">Primary</b-button>\n              <b-button pill variant=\"secondary\">Secondary</b-button>\n              <b-button pill variant=\"success\">Success</b-button>\n              <b-button pill variant=\"info\">Info</b-button>\n              <b-button pill variant=\"warning\">Warning</b-button>\n              <b-button pill variant=\"danger\">Danger</b-button>\n              <b-button pill variant=\"dark\">Dark</b-button>\n              <b-button pill variant=\"link\">Link</b-button>\n              <b-button pill variant=\"light\">Light</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Sizes</h4>\n            <p class=\"card-title-desc\">\n              Fancy larger or smaller buttons? Add size\n              <code class=\"highlighter-rouge\">lg</code> or\n              <code class=\"highlighter-rouge\">sm</code> for additional sizes.\n            </p>\n\n            <div class=\"button-items\">\n              <b-button size=\"lg\" variant=\"primary\">Large button</b-button>\n              <b-button size=\"lg\">Large button</b-button>\n              <b-button size=\"sm\" variant=\"primary\">Small button</b-button>\n              <b-button size=\"sm\">Small button</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Block Buttons</h4>\n            <p class=\"card-title-desc\">\n              Create block level buttons—those that\n              span the full width of a parent—by adding\n              <code\n                class=\"highlighter-rouge\"\n              >block</code>.\n            </p>\n\n            <div class=\"button-items\">\n              <b-button block variant=\"primary\" size=\"lg\">Block Level Button</b-button>\n              <b-button block size=\"sm\">Block Level Button</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Button tags</h4>\n            <p class=\"card-title-desc\">\n              The\n              <code class=\"highlighter-rouge\">.btn</code>\n              classes are designed to be used with the\n              <code\n                class=\"highlighter-rouge\"\n              >&lt;button&gt;</code> element.\n              However, you can also use these classes on\n              <code\n                class=\"highlighter-rouge\"\n              >&lt;a&gt;</code>. (though\n              some browsers may apply a slightly different rendering).\n            </p>\n\n            <div class=\"button-items\">\n              <b-button href=\"#\" variant=\"primary\">Link</b-button>\n              <b-button variant=\"success\" type=\"submit\">Button</b-button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row\">\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Sizing</h4>\n            <p class=\"card-title-desc\">\n              Instead of applying button sizing\n              classes to every button in a group, just add size\n              <code\n                class=\"highlighter-rouge\"\n              >lg, sm</code> to each\n              <code class=\"highlighter-rouge\">button-group</code>, including each one\n              when nesting multiple groups.\n            </p>\n            <div>\n              <b-button-group size=\"lg\">\n                <b-button variant=\"secondary\">Left</b-button>\n                <b-button variant=\"secondary\">Middle</b-button>\n                <b-button variant=\"secondary\">Right</b-button>\n              </b-button-group>\n            </div>\n            <div class=\"mt-2\">\n              <b-button-group>\n                <b-button variant=\"secondary\">Left</b-button>\n                <b-button variant=\"secondary\">Middle</b-button>\n                <b-button variant=\"secondary\">Right</b-button>\n              </b-button-group>\n            </div>\n            <div class=\"mt-2\">\n              <b-button-group size=\"sm\">\n                <b-button variant=\"secondary\">Left</b-button>\n                <b-button variant=\"secondary\">Middle</b-button>\n                <b-button variant=\"secondary\">Right</b-button>\n              </b-button-group>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-lg-6\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\"card-title\">Vertical variation</h4>\n            <p class=\"card-title-desc\">\n              Make a set of buttons appear vertically\n              stacked rather than horizontally. Split button dropdowns are not\n              supported here.\n            </p>\n            <b-button-group vertical>\n              <b-button variant=\"secondary\">Button</b-button>\n              <b-dropdown variant=\"secondary\">\n                <template slot=\"button-content\">\n                  Dropdown\n                  <i class=\"mdi mdi-chevron-down\"></i>\n                </template>\n                <b-dropdown-item>Dropdown Link</b-dropdown-item>\n                <b-dropdown-item>Dropdown Link</b-dropdown-item>\n              </b-dropdown>\n              <b-button variant=\"secondary\">Button</b-button>\n              <b-button variant=\"secondary\">Button</b-button>\n            </b-button-group>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"row\"></div>\n    <!-- end row -->\n  </Layout>\n</template>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./buttons.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./buttons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./buttons.vue?vue&type=template&id=90072806&\"\nimport script from \"./buttons.vue?vue&type=script&lang=js&\"\nexport * from \"./buttons.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.layoutType === 'vertical')?_c('Vertical',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e(),(_vm.layoutType === 'horizontal')?_c('Horizontal',{attrs:{\"layout\":_vm.layoutType}},[_vm._t(\"default\")],2):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { layoutComputed } from \"@/state/helpers\";\n\nimport Vertical from \"@/router/layouts/vertical\";\nimport Horizontal from \"@/router/layouts/horizontal\";\n\nexport default {\n  components: { Vertical, Horizontal },\n  computed: {\n    ...layoutComputed\n  }\n};\n</script>\n\n<template>\n  <div>\n    <Vertical v-if=\"layoutType === 'vertical'\" :layout=\"layoutType\">\n      <slot />\n    </Vertical>\n\n    <Horizontal v-if=\"layoutType === 'horizontal'\" :layout=\"layoutType\">\n      <slot />\n    </Horizontal>\n  </div>\n</template>","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main.vue?vue&type=template&id=2c9ce7e8&\"\nimport script from \"./main.vue?vue&type=script&lang=js&\"\nexport * from \"./main.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}