{"version":3,"sources":["webpack:///./src/components/CodeView.vue?1393","webpack:///src/components/CodeView.vue","webpack:///./src/components/CodeView.vue?e0d8","webpack:///./src/components/CodeView.vue","webpack:///./src/views/Home.vue?8013","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?73d4","webpack:///./src/views/Home.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","lang","_v","_s","code","staticClass","attrs","on","copy","staticRenderFns","name","props","type","String","required","default","methods","navigator","clipboard","writeText","$showToast","component","_m","code2","components","data"],"mappings":"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","file":"js/chunk-818d59f6.bb7ca35c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('pre',{class:(\"language-\" + _vm.lang + \" relative\")},[_vm._v(\"  \"),_c('code',[_vm._v(\"\\n    \"+_vm._s(_vm.code)+\"\\n  \")]),_vm._v(\"\\n  \"),_c('te-button',{staticClass:\"absolute top-5 right-5 flex justify-center items-center\",attrs:{\"icon\":\"\"},on:{\"click\":_vm.copy}},[_vm._v(\"\\n    \"),_c('te-icon',{attrs:{\"name\":\"clipboard\"}}),_vm._v(\"\\n  \")],1),_vm._v(\"\\n\")],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <pre :class=\"`language-${lang} relative`\">\n    <code>\n      {{ code }}\n    </code>\n    <te-button class=\"absolute top-5 right-5 flex justify-center items-center\" icon @click=\"copy\">\n      <te-icon name=\"clipboard\"/>\n    </te-button>\n  </pre>\n</template>\n\n<script>\n\nexport default {\n  name: 'CodeView',\n  props: {\n    code: {\n      type: String,\n      required: true,\n    },\n    lang: {\n      type: String,\n      default: 'markup'\n    }\n  },\n  methods: {\n    copy() {\n      navigator.clipboard.writeText(this.code);\n      this.$showToast(\n        {\n          position: 'bottom',\n          align: 'right',\n          timeout: 1000,\n          type: 'normal',\n          toast: {\n            title: 'Copied',\n            message: 'Code copied successfully',\n            color: 'success',\n          }\n        }\n      );\n    },\n  }\n}\n</script>\n\n<style>\n\n</style>","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!./CodeView.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!./CodeView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CodeView.vue?vue&type=template&id=d5dd5dd2&\"\nimport script from \"./CodeView.vue?vue&type=script&lang=js&\"\nexport * from \"./CodeView.vue?vue&type=script&lang=js&\"\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  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',{staticClass:\"p-6\"},[_c('h1',{staticClass:\"text-3xl my-2\"},[_vm._v(\"Vue Tailwind Elements\")]),_vm._m(0),_c('h1',{staticClass:\"text-lg my-2\"},[_vm._v(\"Installation\")]),_c('code-view',{attrs:{\"code\":\"npm install --save vue-tailwind-elements\",\"lang\":\"bash\"}}),_c('h1',{staticClass:\"text-lg my-2\"},[_vm._v(\"Usage\")]),_c('p',[_vm._v(\"Importing the styles, there is no need to install Tailwind and you can use everything on it\")]),_c('code-view',{attrs:{\"lang\":\"js\",\"code\":_vm.code}}),_c('p',[_vm._v(\"Or use it on Tailwind config file\")]),_c('code-view',{attrs:{\"lang\":\"js\",\"code\":_vm.code2}}),_vm._m(1),_c('code-view',{attrs:{\"lang\":\"js\",\"code\":\"'./node_modules/vue-tailwind-elements/**/*.{js,ts,vue}'\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"This is a library of Vue components based on the components created for \"),_c('a',{staticClass:\"text-blue-500\",attrs:{\"href\":\"https://tailwindcss.com\",\"target\":\"blank\"}},[_vm._v(\"Tailwind\")]),_vm._v(\" called \"),_c('a',{staticClass:\"text-blue-500\",attrs:{\"href\":\"https://tailwind-elements.com/\",\"target\":\"blank\"}},[_vm._v(\"Tailwind Elements\")]),_vm._v(\".\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_vm._v(\"On Nuxt, just add this line to your \"),_c('pre',{staticClass:\"inline bg-gray-100 p-1 rounded-md\"},[_vm._v(\"content\")]),_vm._v(\" on \"),_c('pre',{staticClass:\"inline bg-gray-100 p-1 rounded-md\"},[_vm._v(\"tailwind.config.js\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"p-6\">\n    <h1 class=\"text-3xl my-2\">Vue Tailwind Elements</h1>\n    <p>This is a library of Vue components based on the components created for <a class=\"text-blue-500\" href=\"https://tailwindcss.com\" target=\"blank\">Tailwind</a> called <a class=\"text-blue-500\" href=\"https://tailwind-elements.com/\" target=\"blank\">Tailwind Elements</a>.</p>\n    <h1 class=\"text-lg my-2\">Installation</h1>\n    <code-view code=\"npm install --save vue-tailwind-elements\" lang=\"bash\" />\n    <h1 class=\"text-lg my-2\">Usage</h1>\n    <p>Importing the styles, there is no need to install Tailwind and you can use everything on it</p>\n    <code-view lang=\"js\" :code=\"code\"/>\n    <p>Or use it on Tailwind config file</p>\n    <code-view lang=\"js\" :code=\"code2\"/>\n    <p>On Nuxt, just add this line to your <pre class=\"inline bg-gray-100 p-1 rounded-md\">content</pre> on <pre class=\"inline bg-gray-100 p-1 rounded-md\">tailwind.config.js</pre></p>\n    <code-view lang=\"js\" code=\"'./node_modules/vue-tailwind-elements/**/*.{js,ts,vue}'\"/>\n  </div>\n</template>\n\n<script>\nimport CodeView from '../components/CodeView.vue'\nexport default {\n  name: 'Home',\n  components: { CodeView },\n  data: () => ({\n    code: `\n      import VueTailwindElements from 'vue-tailwind-elements';\n      \n      Vue.use(VueTailwindElements);\n    `,\n    code2: `\n    module.exports = {\n      content: [\n        ...,\n        './node_modules/vue-tailwind-elements/**/*.{js,ts,vue}'\n      ],\n      theme: {\n        extend: {},\n      },\n      plugins: [\n        ...,\n        require('vue-tailwind-elements/src/plugin'),\n      ],\n    }\n    `\n  })\n}\n</script>\n\n<style>\n\n</style>","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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=062cb55f&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}