{"_id":"vue-tailwind","_rev":"163-7b4531d666bfe4542f3aa946550b8d2c","time":{"0.1.0":"2019-03-03T11:24:52.975Z","created":"2019-03-19T21:55:41.435Z","0.1.1":"2019-03-19T21:55:41.781Z","modified":"2022-05-23T19:25:04.595Z","0.1.4":"2019-05-25T19:12:04.021Z","0.1.5":"2019-05-25T20:46:04.268Z","0.1.6":"2019-05-25T20:47:11.178Z","0.1.7":"2019-05-27T20:53:15.600Z","0.1.8":"2019-05-27T20:54:50.684Z","0.1.9":"2019-05-28T22:47:48.065Z","0.1.10":"2019-06-04T20:29:56.755Z","0.1.11":"2019-06-04T21:37:10.399Z","0.1.12":"2019-06-04T21:58:08.525Z","0.1.13":"2019-06-08T16:38:08.298Z","0.1.14":"2019-06-09T21:39:26.655Z","0.1.15":"2019-06-10T04:27:39.573Z","0.1.16":"2019-06-14T01:25:21.601Z","0.1.17":"2019-06-14T01:31:06.975Z","0.1.18":"2019-06-14T18:15:49.923Z","0.1.19":"2019-06-28T14:50:44.555Z","0.1.20":"2019-07-02T16:46:21.031Z","0.1.21":"2019-07-03T23:36:02.379Z","0.1.22":"2019-07-04T01:16:30.358Z","0.1.23":"2019-07-04T18:39:02.783Z","0.1.24":"2019-07-07T18:33:32.928Z","0.1.25":"2019-07-08T20:03:16.487Z","0.1.26":"2019-07-08T22:12:17.538Z","0.1.27":"2019-07-09T14:21:04.561Z","0.1.28":"2019-07-18T04:32:52.273Z","0.1.29":"2019-07-18T19:29:30.401Z","0.1.30":"2019-07-22T22:49:34.303Z","0.1.31":"2019-07-23T23:39:29.988Z","0.1.32":"2019-07-23T23:45:00.100Z","0.2.0":"2019-07-26T02:32:08.392Z","0.3.0":"2019-07-26T19:31:33.628Z","0.3.1":"2019-08-27T16:15:38.551Z","0.3.2":"2019-09-29T21:50:27.488Z","0.3.3":"2019-09-29T21:54:19.561Z","0.4.0":"2019-09-30T02:41:40.363Z","0.4.1":"2019-10-11T20:29:04.539Z","0.4.2":"2019-10-16T15:09:52.088Z","0.4.3":"2020-02-20T17:18:12.233Z","0.4.4":"2020-02-20T17:28:35.882Z","0.4.5":"2020-02-24T02:57:11.795Z","0.4.6":"2020-03-06T13:31:17.357Z","1.0.0-0":"2020-05-17T23:49:23.801Z","1.0.0-1":"2020-05-19T01:28:45.051Z","1.0.0-2":"2020-05-20T13:58:19.153Z","1.0.0-3":"2020-05-21T21:34:36.854Z","1.0.0-4":"2020-05-22T21:43:33.407Z","1.0.0-5":"2020-05-22T22:08:07.959Z","1.0.0-6":"2020-05-24T14:52:57.304Z","1.0.0-7":"2020-05-24T18:08:16.256Z","1.0.0-9":"2020-05-25T15:11:33.774Z","1.0.0-10":"2020-05-25T16:34:01.201Z","1.0.0-11":"2020-05-25T17:59:22.153Z","1.0.0-12":"2020-05-25T19:54:26.164Z","1.0.0-13":"2020-05-28T23:58:43.977Z","1.0.0-14":"2020-05-29T00:09:41.091Z","1.0.0-15":"2020-06-05T21:40:47.115Z","1.0.0-16":"2020-06-06T23:26:13.190Z","1.0.0-17":"2020-06-12T02:04:32.378Z","1.0.0-19":"2020-06-14T14:22:14.008Z","1.0.0-20":"2020-06-14T14:39:02.765Z","1.0.0-21":"2020-06-15T23:32:44.713Z","1.0.0-22":"2020-06-17T00:20:55.294Z","1.0.0-23":"2020-06-19T22:40:19.805Z","1.0.0-24":"2020-07-01T16:27:41.898Z","1.0.0-25":"2020-07-01T16:41:54.984Z","1.0.0-26":"2020-07-01T17:00:40.674Z","1.0.0-27":"2020-07-02T22:42:10.065Z","1.0.0-28":"2020-07-04T23:34:01.058Z","1.0.0-29":"2020-07-05T02:51:54.748Z","1.0.0-30":"2020-07-08T23:39:34.406Z","1.0.0-31":"2020-07-11T18:42:28.831Z","1.0.0-32":"2020-07-15T19:33:21.996Z","1.0.0-33":"2020-07-15T23:33:33.128Z","1.0.0-34":"2020-07-17T23:54:48.201Z","1.0.0-35":"2020-07-20T15:56:21.771Z","1.0.0-36":"2020-07-20T23:36:36.889Z","1.0.0-37":"2020-07-20T23:55:13.274Z","1.0.0-38":"2020-07-22T23:45:58.384Z","1.0.0-39":"2020-07-23T01:36:05.911Z","1.0.0":"2020-07-30T01:17:19.356Z","1.0.1":"2020-07-30T01:37:19.773Z","0.4.7":"2020-07-31T00:25:13.877Z","1.0.2":"2020-08-03T15:46:39.388Z","1.1.0":"2020-08-16T01:36:59.393Z","1.1.1":"2020-08-16T03:10:07.585Z","1.1.2":"2020-08-17T01:20:00.166Z","1.1.3":"2020-08-17T02:33:32.664Z","1.1.4":"2020-08-17T15:54:10.057Z","1.1.5":"2020-08-22T00:28:14.518Z","1.1.6":"2020-08-22T01:48:15.334Z","1.1.7":"2020-08-23T02:27:29.407Z","1.1.7-0":"2020-08-26T23:37:54.878Z","1.1.7-1":"2020-08-26T23:53:44.823Z","1.1.8":"2020-08-27T15:24:10.393Z","1.1.9-0":"2020-08-28T01:58:45.471Z","1.1.9":"2020-08-28T02:23:01.992Z","1.1.10":"2020-08-28T02:56:38.913Z","1.1.11":"2020-08-28T03:24:42.820Z","1.1.12-0":"2020-08-28T03:41:33.423Z","1.1.12-1":"2020-08-28T04:00:30.189Z","1.1.12":"2020-08-28T04:11:41.044Z","1.2.0":"2020-08-29T06:44:04.993Z","1.2.1-0":"2020-09-01T15:32:57.680Z","1.2.1-1":"2020-09-01T15:52:05.520Z","1.2.1-2":"2020-09-01T17:07:39.114Z","1.2.1-3":"2020-09-01T17:43:08.946Z","1.2.1":"2020-09-02T02:15:08.050Z","1.2.2":"2020-09-03T02:56:33.255Z","1.2.3":"2020-09-04T01:16:23.721Z","1.2.4":"2020-09-04T03:50:07.205Z","1.2.5":"2020-09-04T15:23:10.506Z","1.2.6":"2020-09-09T18:33:45.827Z","1.2.7-0":"2020-09-18T14:15:10.790Z","1.2.7":"2020-09-18T18:44:08.623Z","1.2.8":"2020-09-22T02:30:09.061Z","1.2.9":"2020-10-14T23:58:33.744Z","1.3.0-0":"2020-10-16T03:28:56.587Z","1.3.0-1":"2020-10-17T00:21:25.498Z","1.3.0-2":"2020-10-17T18:58:29.596Z","1.3.0-3":"2020-10-20T23:33:46.173Z","1.3.0-4":"2020-10-21T01:07:39.258Z","1.3.0-5":"2020-10-21T01:31:37.054Z","1.3.0-6":"2020-10-21T14:54:09.909Z","1.3.0-7":"2020-10-21T23:50:34.605Z","1.3.0":"2020-10-22T00:18:32.810Z","2.0.0-0":"2020-11-10T01:34:54.740Z","1.3.1":"2020-11-14T00:13:13.156Z","1.3.2":"2020-11-16T21:44:42.702Z","2.0.0-1":"2020-11-17T00:17:58.969Z","1.3.3":"2020-11-17T22:57:49.200Z","2.0.0-2":"2020-11-23T03:22:16.103Z","2.0.0-3":"2020-11-23T23:13:45.117Z","2.0.0-4":"2020-11-25T00:35:47.165Z","2.0.0-5":"2020-11-27T23:37:51.632Z","2.0.0-7":"2020-12-05T00:20:11.916Z","2.0.0-8":"2020-12-08T01:05:21.944Z","2.0.0":"2020-12-10T00:27:24.587Z","2.0.1":"2021-01-20T23:03:27.804Z","2.0.2":"2021-01-22T20:50:51.367Z","2.1.0":"2021-01-23T00:08:02.080Z","2.1.1":"2021-01-25T15:29:58.822Z","2.1.2":"2021-02-19T23:16:38.336Z","2.1.3":"2021-02-22T14:58:45.315Z","2.1.4":"2021-03-16T22:59:14.216Z","2.1.5":"2021-03-24T23:01:34.252Z","2.1.6":"2021-03-24T23:32:02.863Z","2.1.7":"2021-03-27T01:20:47.503Z","2.2.0-0":"2021-04-10T00:15:42.140Z","2.2.0-1":"2021-04-10T01:20:36.968Z","2.2.0-2":"2021-04-10T23:44:00.266Z","2.2.0":"2021-04-11T00:35:31.479Z","2.2.1":"2021-04-12T14:42:40.044Z","2.3.0":"2021-06-03T20:41:57.886Z","2.4.0":"2021-06-28T23:26:50.087Z","2.4.1":"2021-06-29T14:50:26.465Z","2.4.2":"2021-07-19T23:08:17.945Z","2.5.0":"2021-09-27T23:36:33.467Z","2.5.1":"2022-04-15T14:54:14.398Z"},"name":"vue-tailwind","dist-tags":{"latest":"2.5.1","next":"2.2.0-2"},"versions":{"0.1.1":{"name":"vue-tailwind","version":"0.1.1","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/components/index.js","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit"},"dependencies":{"vue":"^2.6.6"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.0","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.0","@vue/cli-service":"^3.5.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.8.0","eslint-plugin-vue":"^5.0.0","vue-template-compiler":"^2.5.21"},"gitHead":"45f512eab96985457b51d0f52612ce9b8dbc3421","description":"## Project setup ``` npm install ```","_id":"vue-tailwind@0.1.1","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-Kx289bj8gwyRV5/PhkHP7FgpmTanF9bN2ph1Wr7Z4f3SHJKsQDDJcDb6xblDePXJIhUVOh0Fv6t64UwfsmVSAA==","shasum":"9a63f45c1b19b3290f745159fcba54cde7d86154","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.1.tgz","fileCount":17,"unpackedSize":5762,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJckWVeCRA9TVsSAnZWagAAQKcP/iM9afDM0hTtSF4e1t4t\n+PokWGonQoFaO5UkiTIqj8tVNsrPEKhDrpRkZcKIR8CZdylic4vyz8kJgKr4\noWi/g3ZsbNnNXetNADKLOgKKczpyVHZkMxzomdFBLhXLRsHB8wd1BuhKPqgK\nA/5u2UISg/ZuxEBaQHzeBPxTXgKo8HhrRF+kO0B+6bIWhBiA5NHOgTDn28Kj\nBH68D9WVMShVQbkn84iq9HOwXmL6xrEaxdkmkoSin5R5zJ7xukZe94pP55UX\ndk/WnNjTzESTjxEbnw5Xjuu/rqgNMjw3xbtw47FrGOQaa4UyT7rSndKSSkeR\nSO6YnTPdkdlCRGRz4Q4tJpETif5Cte+wo3rOWq2MQepU1wVEUdDmJ1hVnKZo\niiWt2VXHtwOKB2rRdwgiLbX6yWBkx3UOyjAIAM2iB/SQO5iEfgWyD+HrFHC5\ne2tY/m9rL+TD/B0JMSe2v4sr29zzlkibKyAop3B/SvB6/10oy3XbCzELznyb\nDAd60m603mvNSVNiS75SJGEoIPSYoLsXqm4zbkCHOn6ryVhzAabMKj44d6AO\nWhXCizUCDpCDTJ7MkQTx7ZyIa2ERZC22atIh4qca5/wAjcpsMiO3R/wFSfRv\n+rYHe2qnalZolVjjHodOyrG7VvdY+jkGITAoyikp7Icwu7CD9M8bdfVzvP39\nBFSl\r\n=FwdO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC/IQjgZvhF+WBtIsYVXvTn0AtzJ11VHh43/L3skJvXZAiEA+c4tPKoNtySqVOCXVPGBN1sxtT2sA+4HZo4+XTkgSIM="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.1_1553032541617_0.43139704888158725"},"_hasShrinkwrap":false},"0.1.4":{"name":"vue-tailwind","version":"0.1.4","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/elements/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"gitHead":"54c451ef0b80befe8187d7f7475255bee7d9c5bd","description":"[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app","_id":"vue-tailwind@0.1.4","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-pID54OkNfgNAsBlxiPJxKIU/sgJ4+8sNtt0A9nUwhsE0HbY7McUl/Nt5CKE63z6CJbxRzB2yRCuGqtjxaMUkvA==","shasum":"83026d87612ac831fc09db32fb412d12589866c5","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.4.tgz","fileCount":32,"unpackedSize":1910090,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6ZOECRA9TVsSAnZWagAAdtYQAJ4SF19zSyjeoLLbfW3U\ngw289xO0XWBJUwK2mnEC1rl5pG7rLm2sUej/gi+khz9XFI2QWI8dK5nyEJN8\nF3iYfupEyW9d9RHhvElJFvKj6u5h4SmNkej1DwJffmvJ04iX6bHA0LTHwZyZ\n8nROFOLj2EvlP+z7+8vCazPfbGDyhVI+MSa58znwNfzyjJMuRnuJ7ZeTM8tX\nAiKLt/0W8Hi5SrFkzfR0ZKT2Xm6h7SHrWh3fLI54Zfs/8FPOZzIcvImdzyS2\nGUg9Lmtrg1ZwBR3+tMBeAn/qE3s7xN1t5wMKKD2xTmHNsQ6WI4GfcDw6IYz8\nY1/aYv+Pcop7cZiecv5xspHj5fJvFyA8rimDAmFYXO4J4h2Oj73bA2ZGpU6O\n2PKMOAAJ11efsZ1oogQc33DAxCMyr4qTH+d3XBC/lcBuiDRxl9X3NmaJj5l+\nbknRXb4JiTd/ink5RkMaUdzpgpJz4woYD6rb1QH2z47CbczFmAxFznt1AQSu\ngKLvn50iCVU3VxnGqQg5LuVsZhTmjFTsjGJab+JizFz5ZvLYaDnJsysUmshX\nP7Fq5Oro4UDE4DhYc915IxM/97uKoUY2fEs44sgs2baIGeJO2zRtQaJpGIG0\nBOJfL0RHHSoiB8H5fzBZ7Yc+oatKDceIY8tltRr9lE7aemw+mvu8TgTRg+vV\nbujY\r\n=qZj1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNIPFVs1MJke+XR75QLEiLF/BENq1vOIdlCD2dCJs1lQIgAf3U5Fca7qhsaLT6gPCLbwlxJFqs5O6ovMmRLXhNhRU="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.4_1558811523872_0.8170156688684331"},"_hasShrinkwrap":false},"0.1.5":{"name":"vue-tailwind","version":"0.1.5","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/elements/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"gitHead":"cf21d8ae559719bccf97ea5bfb61aba558a52915","description":"[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app","_id":"vue-tailwind@0.1.5","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-tejY+cyudL1DlTLWxtZOJrfPz+r70ER+mtMWQ3Up3F059XOYn6+CpOI9Usu28Wlf8M3OHpuSzGOAjPrmoR2DAg==","shasum":"c291423d96f56e1c471aad70910a9b6b14593458","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.5.tgz","fileCount":32,"unpackedSize":1911815,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6amNCRA9TVsSAnZWagAAxUwP/14h6Fm35BW+M9HUy1D8\nBJTF/aEy9YeqdhepiPytEV/RervhHlfKxayVS4O3IG9hxm4Miv2EAh2hWaFI\n2kWfKQ2BF4JU8tViqjv79bBT5aSOCR8M0L3JSGUt84B6/ZoGwNs8+Qr1Or8C\nUdrUofe2lSWilN+aGMh8JccFND4OxyO8jnHe14HugUYW9JjKZbwx5vpLcxMD\n0FURiXDoWY5rMDfB856D/xoL0Yt1HLHhqp+N5MO3wuLD9vGeoLGt4nSo5ZE3\nlSE0DDZ36uW93x3DTGjUuMMwdntOo4jG9vEtIwq4WlwIcM/yBYMeG0Q6D1O2\n7T6imNxIoc3G+sN7+spWt+f/4GtYbs+rRMeeM7cICDelPUCEUy8JsvvxlJ8U\nUIALkXLxzfiY0AoqxSBJRy3miee9l3J7q/7gJ3Bgv+g4WvsLVt17I9hHYl3L\n7h3HW41KBaqY7tF1QzvYHN9DsNhDK3gVJJ8R7+WQcDhWSRGKFR6qNm/KsaMN\nfKvtdqgvVWZgA4uvXGVs/9B/zKM97erKFP8+IxTAMzg1B6ri+JF4a2NArwuQ\nv0lJwV4U+xvvFkq3Jr2OsYYLyRQNQMnoDFaRyPb6WNUdd/wTBzJgwUPV9YcB\nJMAm2G6EYbK+51F0Cfz9eJERDATsj4ECvm9vcinobiuPC3MNEuowUrJiXImR\npDtE\r\n=b2JV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHeDhdt3PF5SCJM5Y2gUzKrOfPS1N3Z3fGYCnVM9p6x1AiBEqslDAmu18icjlGJbW3i8Ys3CswazTl3yuWeCpt5PPA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.5_1558817164078_0.5645853584179661"},"_hasShrinkwrap":false},"0.1.6":{"name":"vue-tailwind","version":"0.1.6","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/elements/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"gitHead":"cf21d8ae559719bccf97ea5bfb61aba558a52915","description":"[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app","_id":"vue-tailwind@0.1.6","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-qyRt3+iTZF3ZAJu3zlgBEYq4hoFz/cXZGOenaaM2mqlJIbkeWmfY7CDv5xrMvm4tcUuS8g1ohvSR4YUTjOLbCg==","shasum":"533b357c644421d10e96ad8f12b1d55c074e5ae1","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.6.tgz","fileCount":32,"unpackedSize":1911713,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc6anPCRA9TVsSAnZWagAAxn4QAKLBQE2G6kB5eCVNE+YS\nn1eN1IsLAVLRvGldHkDu7D7w97dVjtKABgkmTpIbk0dpFoNSANTXm9txqZkE\nY5ItqRro92ZSuhBJtfyG7kldzxRtkTjB93ze9FQttXkleX0dUN08n9b/a/Bi\nMjzbtQN7pa+BNiUSqCvUpZPntRHTgY8OtXhVXW7pnR20ZL6OUoYbT9w1Hm6S\nyz2wnUWykLpFOJyI+G3gylQ+U91pWIGhuF0RsZwL6LOEkDKFWR5E76pXhN0N\nA4CHmdWY/57Z8wPKJ7kvGim6MQz3XkV/fhnd+uOrSzU/xMBsyMvAyvoITKU6\nfPczvBDiMVFg/nBASmCTWy6udnDpu5mB91G9t8NlRUT4i1MKUH+b1rvRN51g\nn754LQJqkHRSM0k7UAHQBOlFXl8lbGt4Rkc1Xn2DiRJnCmaXDUYMvHrrhS/y\n8DFLPLCxNA4Pu7b9OW8YZ/LUuEAyMrMgorXK1AcUn+8zHR4SJqdmxedYo2cK\nNaA/ygaMzvQaYBKaCXWSjSIVTAk0h6FsoOAkEHvqvwac8qZmJugGjkU5SvZ3\nz3g1Glz6IAOorqzOYWCp3V61FMR8y7okBmmEyD2fanCa018YDW8N+bwprNIW\nOCCn5Nz35HIbptb/JKdaAQcw8MgDKX1cdCDqOlEpRRjxbCcQXmtwtiu6rvp8\nsC6E\r\n=YC31\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBoyiV1iwknMVAVAe1INQarCWeXvpnyE+FSwnDDuvEPdAiEAotNXc0Y30+ciFT6erjgbUTlOZHJuLhzuUVUBDHTvCFQ="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.6_1558817231005_0.037523112143441395"},"_hasShrinkwrap":false},"0.1.7":{"name":"vue-tailwind","version":"0.1.7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/elements/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"^2.0.3"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://github.com/alfonsobries/vue-tailwind#readme","gitHead":"5f463854752d7dfc98871bf0a3d56e7fddbf22f5","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.7","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-kQJdZ6j58TI47Fq0SJpQuaeGi5FG02VpDozayDy4YaOobE2Y+/DVbtuwnd2utakl21Ru7G1fUoWf3CKs9GP51w==","shasum":"9e342e03e828af4f6ab07311ed6d0e958232be26","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.7.tgz","fileCount":32,"unpackedSize":1912682,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc7E48CRA9TVsSAnZWagAArUIQAItpTAfJYdV7VZdP9/u8\nU+4NOcKNX25x3rR9r5ZOxrEvnBS4UV4e+XyypKmSw4KzQDrU7zHT5nM1MMP8\nvjXgFznB+BadItKxvuFS+P8tul4mevLDCGSArSglBiZl0jL1Zl0uxqWsb9Op\ndP3DXJ5uzLWfZNAn0aKllkIo8GbhRc5vbKBHi/3x03c0lye09pcQv+TY8v6H\nkFV+W1LC1zO8m5IHo9gsdDi4yvFb0Uw+KQat8q/nEn6r1+PO7hCXip7jQuB4\nvVsZ7KtgMs/D2LfW+Yzxp0Kp7XfSzWRXL17dCGS5SdE7HJCtR5iEr3Cwv+eq\nsaaYZ8ID0/NF+7gY+lrIaW2K+liY3uUyfzuftOYqKc37tzZrPKbSoHcak92E\nFbP/DLh7/Q9FhYtNBdFhvFvYh9j+uMOfeU6k/TI1Q+SrVJsj/aiDXXgoj40y\nB1mbUdldkNEosUPDy+2UccFdW/4zBWl0u821Ld1pcufKblf8GAmlhh6W+fZJ\nXhJXTcG4yqLxyOx6zSWjl3Rb+QbCH4v3tISTPzW0xm91fw7w5BdJDZWPhib4\nZwMnvYugBAf6nj0u5cDEsgrThjdjbDs/PaisPZB/4bxvzHAPoF19y7I0KI9J\nYVjhKzvBiHIcMkaki6M8ebi3bsNsvxxFHCSGWVUvHHLuRukf0iUdJgPr4D1Z\nJVz/\r\n=uUzY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEdBD1R3fQqRNZ4BcZqVn1HCvvkHqV8EoduKWf1J60XCAiEArcUyaopquk5Eie69AmL5zO7iiPFisFuZGZa442jFq90="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.7_1558990395429_0.7139143290822636"},"_hasShrinkwrap":false},"0.1.8":{"name":"vue-tailwind","version":"0.1.8","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/elements/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"^2.0.3"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"7bd5913eb129ac95c355d8db84e031f5fea52b1f","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.8","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-WUqlqCkBosuLzlY1ZSQAEUl5XgKkAwroVUKebdbcRcjtOGt8igB14MvguBZ8f84rIX2fqQcygWpcNrY/jQdU4A==","shasum":"90be49f998f74048c220d29578c22564da3e5b9c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.8.tgz","fileCount":32,"unpackedSize":1912655,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc7E6bCRA9TVsSAnZWagAA6B4P/AqsLhfHE1vK154XgGKi\nONSa50LNaOxEEs6GyQ+k8gxwyLEyVsJmiQwy3S3MYh5sKo9mTp0OKAZ0IHCm\nnKUhRqtDNPVBxFgBx2LljgQqPgdx//YZ0IYvfEh2/LTZoek9Uz7dt3jQLGcw\nv0J6uqAkqGJ3HBeuwcaOS/KTMkuhWrcIntTibPYM84sikWzFDALZ/c4M28fB\nYTCdnsvKUssj4VxXbADi7FlGWRf9ooBC1blDOaytdBHsvBFTtZv5kz/sXuEQ\nuXuR0RJQkIPtfVvQ+syhNa7WJvCEr8paeN+LdVKFsknyA9SCWx9eZB199wMx\nlgDYXzlQrAYyEWs4imXaIb8UPx24c3CBjM2lxahls3bhcgntWr8iw7yBVDbS\nmpiiiO9f4wjp7kumu6FKNXQyigrvwTHhaBss51XVxb/zFN4kNNZPcly5FPYN\novPJ/C+4genzw6FKifzD22E+kEV8q6jkUIpRYn1Xef1RFgw8LFZoXZr8xvOE\ne3dmyHG0QkkHd9220dWp3P/iwzErhr+wWGPeE/RjHtZZWgWlcMtKKzlWNVKf\nRj1xohjyPIcfcXz0t6dSitAk9YKZlzgHC33WhV/YqaO5C5AqeleLFRRtkwx2\nXioN5iMGzVfYR9Wdpl9n6fAHb7oHOVIDqo3prJ6p2BwhYInIieXgMaZjpdIY\nH3Rr\r\n=/M9T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFnfsiiSEJOWrvDRkD0/Wa3gVMBG0Fnlvf7ivtQRkV/0AiEAsG+Sr1rYF43mo1MpAj7DyMRbUfV4qfjD01BfmBPdUZ4="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.8_1558990490479_0.6621840826468057"},"_hasShrinkwrap":false},"0.1.9":{"name":"vue-tailwind","version":"0.1.9","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"git+https://github.com/alfonsobries/vue-popper.git"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"7b862e7eb7d6c60ef0e30abfcfaeb7479e63192d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.9","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-Xny1P0JU3Fb+bjOmWNdN4qIY5pjjMG6OPoVVOjONszQ1/BJpUtJRXU+nnPykKbclJALC4kH11y3R48GP03iqxg==","shasum":"6e1557a5c26e75eecb96817bc59352e6274a7acb","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.9.tgz","fileCount":34,"unpackedSize":2871380,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc7bqUCRA9TVsSAnZWagAAuDQP/in5uCw4slX+iht7kScQ\n9Ilc38DzdgNijFXDA51dyKoL/Dv4msF7HyzGvBD3CpqBTJqhRcHliOrfDwH7\nEY+t7CS/PEdLe9qFQEUTP5n6lMn5xVv6j9oTXim/Ehkv+yT7lcOoFUEPgODh\n1tNXHibnRiLo6Q7MQhxcU4gkAWvFHT7IUT6O9pUDNbZIYjYvmVbAzHuFQ1fK\nEA5LuJAA5B0eZsYnjJTHZoGzYXZxYXgMYQC4jBgDwxOBXf8AJltvhkMiT6LL\nrhn9t2kA3ndc8/2uadhfphx0QLhh512FMeFOXp5L5yRtOePUE49iQPZXXCGu\nb/aaOiIAVtHboIfs6JHJetxx5GD40GhEFAFEZCr6zt4C9MqTJNPMmNz4iELW\nVrvw0tY82ePwNvB/vgqg8aYRgQQIqyhXo2O5FDuITS4e2o7AmAonkWsFEiHp\nE7ARmyINzfcbDl3Eso+IIvCIE933/7TRlzFHVDG0wawPVMhyUpXPm/tx+VrM\nvF7/WoMBo/x9uv45nZiA3rWWxz9Ibi24kMQFZsyA6bjDGvjnHxg02GsO46JI\nS3E5fS933uL/e/E1aOrRnO2V6uPIlPJi3mBl11BybzI41752sgshClNEz9Tw\nLX0IHSjkhlygOESoZ3PG2EABpS5Cuuzskko+fH+PbTlk+lK97AxR90w5Dnlf\n15SH\r\n=po2Y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGPN2x1oFdRlBBb98mRGjV6pmvzSn9j+svI9wQMkZ9VuAiEAwe19YojmdEKgSs58zz0zx2JN7f6oOWbAutwwk6teT/Q="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.9_1559083667892_0.17711987100347337"},"_hasShrinkwrap":false},"0.1.10":{"name":"vue-tailwind","version":"0.1.10","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"git+https://github.com/alfonsobries/vue-popper.git"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"05f1720a65aea1df4546da739d1c93039a48ab3d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.10","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-hL9NcLNJv8+yM5FsIeSETeSX53EmbhiRG8n7uEEt4WfKc3vFGaXCvNLANtLEYTWVyn5beg5hR2H8Czg5kUKCIw==","shasum":"ff0731f5ea4414e8548021fc0c43f0a6a0e71245","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.10.tgz","fileCount":35,"unpackedSize":2899598,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc9tTFCRA9TVsSAnZWagAA/DEP/1onsh7w70sqvrWSVn3G\nnhGzuzbuG3bvh/jW7EZM7lB+t0bCrDiAOeZCsKeSXlUVH2U4ktmpgz+lm/vC\nQihVzGt7Rj0nCYWc9BLT3v2vY7X9gElrt0ggeM4seQuNr0IieLH7R19q3XDs\nPDbUzPmNQm1BjDqzf90aUGXi9tAMx7X7qkmIDRVJ5CJZVi4gYx4k6dDBgyng\nVpbeHpHCGbdT6TJpKxTVrurufUDyM0daYuYX11IoSi0gpxIzvrRfbgJ/vB1m\nRPgIXbT3/3Mh+TWm5dheKo6seOCV+Rkl8RDWBAZJ9jh58KPCEY62vpcMe5sL\nyq2ljfO/VwWkGc6i588aWrw6mKyuUOlEnSpnJ+DyIgiGzV+dzoxdqBEn/LsE\nEnucCkDHhpd7N9KaaMh14p0QzcitkjqLZd6wp48SpwKKVwAbIHHsPdc7lMtN\nq8Zp3BTERiMys02sqdLoRdLolcJxjrZpL1z+j2Tk1lCSTv/1tT1Cwy9F6Mk8\nOxhLYDp1NNyJAuGeyk/iU7us11KSFyDa7+dj/Y7piarPwWaZG8thv6gQJilt\n02J5Pdd7k/5lDpKg1CGJPOqWSd42JPc4XAqEWUT5c8uyZBoKEL2Zl50/Fpjp\nCUMDdGnwFOxc7+KPi+ebJDBSlxzTz8Wh6FWBDXQbCtAB36uVCHhAHBz1Ehta\n23/p\r\n=fo7N\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBMI4P40yysr1tGyqmAT1BNFHzralkuNg5tHQDbPA88RAiEAwd3usqdRfl/GwA7Yh3oeWuOKeOjq9TleHdlfwkyZi4o="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.10_1559680196554_0.5602743657903373"},"_hasShrinkwrap":false},"0.1.11":{"name":"vue-tailwind","version":"0.1.11","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"git+https://github.com/alfonsobries/vue-popper.git"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"075879cffc77d3204e87a65e297af2d1a91dd51a","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.11","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-/gO0M2IrhkFOLazsCednCJmjea46eGG2g7bkV232aCCOGTqT91rvOZuBspdUg4tPvahjLgdqFyvsZ9rQRTZUXw==","shasum":"2143240a57989894db78498f94b4b010759c9dee","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.11.tgz","fileCount":35,"unpackedSize":2899543,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc9uSHCRA9TVsSAnZWagAAIs0P/2wqo7INcStbwIKDJ4/i\nyPpxJ+3oSftBP4MNyF6Oem5AOMnPwNbf2tI056BGQDcipASUKA6klX2DMEVi\n0D2cs6Zhk754tG0oPQRnsTFdN3IFYcmB0k1ar7Z7nrJNNjykaPVRP8YYNI5h\n9xW6Hsw3vF+g9o+fBhca5DJ++mXd/a0GMc5KYT5fWD4DjYzDwNLU6oOpY/g3\nFk4k83KiEo3VPqrArEKhT+VwXimyvKHIRjBSc3ZQtf6Ib1aTULK00IMDD2+8\nAsgtTli0XQgNSXNFQSZW3ugHaczK3WeGEvv9SznY1O7QX35Ug2nQXf/Z6BYk\nI6YmC7r7tM5GMVHGe4C30L/04YOpf0/zBsrN8/JbOEoOaZMiV9S/E3MzH6IT\ntknTWRbzb9UgMaZev7dvxB1sjbi7mXa/iSr0AuqOiNnVp6fmHBAoekgDjgVR\n3RhXZd6ekv7aUinhmAx0xSjC04/tpz+feC/8fUA/ve5e3rd5r+9UvO1mCkXS\nVwjaK5VStXjOUYmeHtqZVSSxcoJCuhJybSB3LdCKOTG/OMJs6xNW5KOo7JON\nV6oS8cdOXUhrNjdQdYyd/SkQ7q4GyaKMGPr5mvxrj7dBzR6N/HQ5qCnFMS5W\nwqYnTr9mDeF/GmXrO7j88pmLC9XEyRtTrBvn3UG2SkeEm/Lws2YOBiOmQGYz\nVz/i\r\n=I+e7\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCDMAovIXpUT9GbkBlE19gJIULtPm13iM/mcuz2KwytZQIhAIIpaMvD5WF/Oze7PFfaSlgotOyIh1GKv6z4un1BvWEJ"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.11_1559684230243_0.011852725551615872"},"_hasShrinkwrap":false},"0.1.12":{"name":"vue-tailwind","version":"0.1.12","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"lodash.isequal":"^4.5.0","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.5.3","@vue/cli-service":"^3.5.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0-alpha.47","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"d54e361910634f18a7509e6642fb93302994bffb","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.12","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-CszyjPCu9y4fXUrIUfiwQKkdamyJHIArMnYnokGfidI7B0e3Kk+TEvOnW0GD+8JxkGzjljcXkfyIulYUZa8nIA==","shasum":"d5c7eac147315b2a0268ef9c3168f740f5742fbf","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.12.tgz","fileCount":35,"unpackedSize":2899626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc9ulxCRA9TVsSAnZWagAAqKkP/jq0uXL65lrkzgAAiZ45\nmUij2LlJ3tnNQHCenr+RD/OkJjzp2QeARccOKtX0AukiIeImZg61+/M2ubco\njSog4u+jOmbxmcOHFAFnsg6ivEs2cKrUSCCe1bdPdeF03UdsIRxXxOYjY22R\nb4hMYA28f2vpc2dDGydlFlpYNiU/8tvx+z9AAEpCB/SCqzBj6mPBEu6GUrFB\nLK5Hqw7UEJDxuJZ5XUXzLf9l5f4q8ElCEhxictV/cyFYZH7stEW8Laz+9To6\nXM2vsPAIDMWoh5nxZ2h/VNnHvWeJlv+A+anUs36fcCcDwxgi93cpNMn0e6OE\nGPjDbB2UbJuvuYWWEASqARz6mqP3bJJu38JXTNJFMmWC0w6NP8b+y8gumN3K\nCVVrW/tZgUqnT08KbmaKOCwTUVFhpSBTaC1U4wd2Yg5hkKFeiMWgBOFrtQzd\nOVN6jtMjSB9KxlM2aGCJDBOImtWEHgZ8khExQc4zE4IBbBR2iMiEJuTqRLfJ\nS4lhWEL4afr2ckjufa/ebHrUHZrM1BCB49ZO7voyFmU04XrjKlOKz7FMmJUh\nsi+FXZQC0FoPNRZFWeep0q43ZytsOKSrGLxg1s/l3UaoXibte00Kf/nBIvh3\nB2TBwbEz66jNSVnVU6KSj+APzZNy2GW4ElsOpBTyIbmyqFZVbzo3LCyz1NJn\nzf+K\r\n=ghgj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHh1lrJluAVOeS+13VnW3tnjL/2jjnCO0VKe+Kn0ZbNjAiEAv6Zu7VAEATzMNmUnLoQVyh6ptFZUM800AqiiTrqaKiI="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.12_1559685488313_0.6833302004734121"},"_hasShrinkwrap":false},"0.1.13":{"name":"vue-tailwind","version":"0.1.13","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"092963555475462b7b2dbbc10b45cd1f4e8ab79e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.13","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-VrxNH7TRmdWytb+6ygPY8peOaC8krB/iCjG5U3GsMj/Uwq6x3FDNN7oloauJj7GiQWqVcgqsDzclha/X3iJIvw==","shasum":"a0f75e280ae0d4fae37f06b15a5916f3ceaffbe9","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.13.tgz","fileCount":48,"unpackedSize":3315652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc++RxCRA9TVsSAnZWagAAPi0P/AgdxrBr8/z5LdfRhjG2\neEPMhHomvvlgxKVhtoWkDHRO4uraJyu9DqeDKGHRqIXVmC4r1oMMFdJjHGXX\naV27G5X9NXDIbs+VatOkz1s/F4C5EAjDPOpvGzCy1qtTxs22Hfu7qSyh/eYp\ntAyhjQijZu1ksxT6zUwnbgWlTnKuvUWi9CimNsv8/l9h42S5sCX8wWrNppzn\nEqXOj1Eh/qqrNx2kIrUpL39ZYVPLfZUA/6rEcTE3KE0b5nTi4tB1WpezX5CV\nc06BnzLwgo8wUPJY8K7vc7VqxTdK5MiSTil5PCCQEajpORsxvHZtzLKwagoY\nbmjU3brNODK4Kqb5n9/aV9VcBCEPq1YBxowwCWUzYQXXCqB/J/AeSHjhRo75\nDdbeb5fpKIIhSqWRxJSjBTt4wD0Ux9k7E+AdeevBdoU5bO2fPiCC+q5KsCdP\nmBpV8iHNZQMyOQmYoCk1Z0vNsk4UENmzsrY5VnivIvrILLJHTog/nuZs2EzN\n2s4p8AVy+dVST+sQz080/275i5uddFgnVB564GU+4WYiNVk4hFJIWSYF7j5d\n2pQklHfsgg3f2RQ8bHlDTbzPoTvJkX74Ro9bl+hHEX/uyyIz9JaLZQa1W8FY\nJb/S6LF+Go7LKIOzCBmlnzd+CYQoyYesr5UHPLciVxVpB07XIjdmhDs5Az/N\n8scG\r\n=d8wi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcToHJ3G+JE4xW+N54to0zfWrwjkRxndrp52KOlod3GwIhAPgdj8mV7P0YTapQGVLH7CKMBeeEZeScUC47H6xgYv9Y"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.13_1560011888044_0.2692538207556976"},"_hasShrinkwrap":false},"0.1.14":{"name":"vue-tailwind","version":"0.1.14","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"1cf99f1f266a01d6c0e6ebd57f037d121ea01989","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.14","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-WX3c4vbj0eS8ZU0Yt3EEl2drMGXJNPLI7fiMw4cSaunCz3b6dWP9bgIE1PzN5Fu9N1J0bYQKISZ9KRIA5SkT7Q==","shasum":"72cf2ed706f32698b1d450bee97f2ede6fea5271","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.14.tgz","fileCount":48,"unpackedSize":3315206,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/XyPCRA9TVsSAnZWagAAuMYP/0e2RolsYqkuqdYAYSBp\nevx7pYInH18IU3hciSWj+N/o7mHUUOtkmJ33Vs6yovLHw0SgJ9Hmr4lsh10j\nrPntJbrXftMWjpax6uxbrZEo0H8exgfIIlUP8YWc+070FIzDxbJAyyMs+C8t\nne3D/v9VnWZWRbHviLWqn24fakPlEXR7k03pU17WMRFpnh4ZGwxg51kNvdVt\nXq1tn0+V33kq1xCRApT9k0oOnym0Geew5ymY9fa6SWRGovUtj5j+DjXJZtUg\nQezAe4Vynd1QQkKBeZQVK0JZ447J2KXi13YNeQYTbgvEPNmB2oNB13HbEjy4\nfLBz9/YWrXd6YF2sxX/ZVcSOOq1IdFPvGKDzc11/rNaqy+Gy7u6HCctOw5Xy\nAuhnmML0xijRqOnsnezzGPptSE6kc2AVzLsHCQe545DH+ZNXAtq1Bs/Nqt+H\nAnpf/De2xLJtShiznVZsz5h+qFWN91h+CZyvn3u3BTXfwu472IapI3+iqH4q\n7Jk6tEAhFvXqxT3ZceS5JUrgFvSfwa8WrlJ6SbpM1ni1j/GPAcDpMJDEXv0Y\nSTktcMPzV9yTwE4jCrVoto1F4LWPEUp37pE33GmxPT9IwHeHOI71N7bRQDza\ndjxVhYVSvvh4mnHD45RD/MWd/XRN/0qtzXqL7zVvG5V3Uu8yyUkQENQBh2Qg\nUY21\r\n=CmKU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHXnuq6IER96m6r6U50EjeffGzh5ef1cPE4PKaUhBpZSAiB87i8Wa0we2N8JARIK8wK40VtuViIW/P7Y9I4pZndgzg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.14_1560116366519_0.02339072028560718"},"_hasShrinkwrap":false},"0.1.15":{"name":"vue-tailwind","version":"0.1.15","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"31b48f016f6e397fb5289d792446945c9d5ea1fc","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.15","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-V/bVQyDadpDN0C8PXGmjbdY9yRFQXqMLtFav49wjPsJbgVxaQ3JmprjWPph+qSzVj4cAKFgMK2NJNg9N3CBywQ==","shasum":"53b3012f5466ad9ca0cdd1d4b70b4ed22ba27540","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.15.tgz","fileCount":50,"unpackedSize":3363062,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJc/dw8CRA9TVsSAnZWagAAIekP/0p0ENFAU34PCmBfmgi8\n1MmCiNjO6xylwYXSBe5wAyVCeEgrodeBrYhGuOIuyqF7g0Tgjm293ddsKxkt\npxJMW4nl3FCRSe9wMkTPh9yBjAJSjxVer5r13kBbH5mm9MzepmwIritukHs0\n89kcJraQPyJyvaaOJ5mVBcMVnSJvBsy9i8xmE6AKTLpNNjcrLUYO5cnHh5JY\namNAqV/Fvb4UsstSXBM457OcPYvMzv7i29aQrgqrR33Nxb6rmpxt1RuDlXzr\nKVwk+4HvBeKZuoyfpO6BwjXoXKPHvGgPkvQ9ifrChbAduXae8kCF0imN6Eyo\nc1ErSiEjHVnlwY9/ERwtf9yDZWnj3XLQZ/fGZ7YVRg9jTGtzTQfn3kR85WNQ\nWnTkiY0unkhIdVaQAycHEdz6TPwn4jF2hNXScq7UQmgJFuuTNMxgE+1qpnv8\nhbhHCdGt16QGCISmEAel7CN2GFyvtN51y4c8/N7EaMC08x+Exwws5Iu3dLph\nw1SYZ5p0GUDjrHC/mu0x8LkfD7CMNunaeWkeB4VbpiPZhK0+a4HkI0q9r+gT\n/XnHdfAP2dHUEVwMP7d9GWxOR8yi+4zpn3lJo6UYP/D0HW46yOW+nv41jzvG\nGw5/DaxLrYKjhc88OvrEzSmH50yKeAtOQe5P4NOWn3dVJhKkWe5PP1u7yb3D\nA681\r\n=RtyI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCr7OYRywMZl3Xs0rt+3kXkRtt28Bq7LIxKE0TlUi8L+gIhAJ8SdG6pkOtCK//XlWqbF+t0bxK8mjSf2bUNeLkGtnXF"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.15_1560140859411_0.9480176502383488"},"_hasShrinkwrap":false},"0.1.16":{"name":"vue-tailwind","version":"0.1.16","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"79a37abd5487263b2984c58517dc611d20961a74","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.16","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-splROUHMpHEpGsKmyBOq4buUQo/3R/J3fyAQibwkBswabr0FRvxLIhgFyGbKfqiT04G4KL4x02n9/bZJ8ceHiA==","shasum":"78c72bee26ed30e01ec0dc971fe8a68beb450af3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.16.tgz","fileCount":50,"unpackedSize":3363601,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAveCCRA9TVsSAnZWagAApAUP/iLHP92T7FhyycHZqSlP\nrBc8K/StMCXTDx6npWXTD55X0T2hpUdZAKJyPVl+JpeGSqhzRXIw+Y+R6A8P\ndenrk+b/C4o1a83Mqzoq0PYyKizKssN4b+8LUfuJSqRCLExkodGc7CEDfGzQ\nlTnYwxtQOLOllontqEb7X2HMFApSu//dauYFtWC+fpWD+2SxLat5LUQjoocw\nePSEBrxb2Pr51/UfTMgaPlHWJolUcjLm4VWlqKPJHb/lSIHnZkt2by+K/nxj\n/WKruvGE2v+XV+AShEBkTVlMBZZYIgAjtpe5jJyLNkMfE4HMoguyt8bC/5p/\nTxXxuUxYnU1rnOLS+l173G/fgks+jww4QXx8gDPQsyz0wrLqSlfJtA+2TphF\nBJo3HwUEZY5trIB9CuGLwsPZGpskM4F9//bFMzR7Zpxcxcp0t3i1Fqq0Htty\nvSH3grV2Nj7Onu/BK9d5UEsNfKmprEbhjfCWWdy2gRcWio/aLcJZwmnIC10G\nmIcIyX6yuB4vM4CdHHXQnlvpjEn97enk9tG6Az7+yT0PJgPi9z1g4TB+ZDHq\nKkbeiL9w/NJgAdCcIsdDJdhkNPkEJ0QG+hc0wthITFHVtHC7/hrCxsNTT0o+\nxmJtH9KwwUpI/IGlotxF66sHyNhbIyz8dgqLXkwDhHWgfaPh+ABmq15EPuiV\nZNJX\r\n=kI6l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEf8All8Qqxdd1sO+s2C1Bm/JE6RI6bbKrqFQAy3nmkVAiABYTb/HKvte2o1PBFWtKrEcP8Ko93Kuj28wge4zzMqVg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.16_1560475521483_0.23233195264290196"},"_hasShrinkwrap":false},"0.1.17":{"name":"vue-tailwind","version":"0.1.17","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"9d9f26add7288da4b78b7acf6b88fb7d90db8da4","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.17","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-xE5T2kCBE0V09vblHq/SgKH2Eun8I4iisqKhwEy5c0SUuY/rLTGzKd39L7ZuqGK8+9toi43V+wzDYX/SQZG8yg==","shasum":"4ed0e11a587d877f958cb51303c599ed8b9e67cb","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.17.tgz","fileCount":50,"unpackedSize":3363622,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdAvjbCRA9TVsSAnZWagAAf/gP/iGPgwwCHcyqq60HK5Dh\nxovvH9MTNHKAFC1nueM6tMH6qkKu+X3kD3VwDCKFZRCSdRh7+Plntbw2DGkK\nz+yOq0bI9UCJM3YAQKHqMKJjHsAbT1JCNiOntz7dFs6FCelU9BEOkjAgEhqs\nXH1sjhNuTbwpMoDpN2ya9ffhV8uV+PVPoH25i+4BAKC4IbjfM8F2XpmMo6Bu\nV8X+sF0IQpH8WhrvWf46Wle7blZB2EIM8prmFRk3x49bvA7LBVi6mQUQg3wj\nZlmgeZ/kfCL4B3cK/Ys5f15OwWqocqoTRtXzzQbhhU0fb2Pnjd4SH3eZyrNL\naxeeTGNSoX+owUVRIrEdBZ4aBJwaHDEnh97a71lKY1SkkmWKGxb1jYWsns8P\nlcA6URKpUaC9o04/Q+7xQ9VBKLkuqqEGPmw7tG1O0ZCnhYiZBVtvEiY/DHSw\nHycn5x9HSCSIHFr9A3mCiJ9lG6qXddlcEfp5njUEGtEWUFolt7HFlvaUF6bw\nPhuYvxChW1X/c7/Bq4E8zw8jK+ThKeDO4avzAK/Vbfstiw3MVgCUZDnKXGHn\ndPkSFJdUlOtd8ug6/E4xsG4CnZ4UXZ1a+KZWmfzR31yCquT/RkiULHxgzasH\nUKwiFB0L68YhmBYLuaR5XzadS5WnbZKDhUraQWoBIgz8ZgFxfDUhlNjMHltH\nN6Lk\r\n=Qnne\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLUCjWQDys7wYQBmAfDJ7Whj7LdY1X0Pe4X0qCUBeu1AiBcVYmrSx5xOTsHTbvDstF5wKVt/XnrnX6C1oIe3xDbAg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.17_1560475866624_0.8358386596258862"},"_hasShrinkwrap":false},"0.1.18":{"name":"vue-tailwind","version":"0.1.18","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"6ba73ebaa7ecca108c0f48cacf01bce19cf66485","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.18","_nodeVersion":"11.10.0","_npmVersion":"6.7.0","dist":{"integrity":"sha512-rkge7TxSkIUPt4NOBQReYUlvDN+Uu2PBmGg+ln7oiBvNkssTMCeh3ER1QHSisav1zxpJyD72JL28DnYfR8aKqg==","shasum":"03c3266bd899ec36a86112d0860d720bb083c6c0","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.18.tgz","fileCount":50,"unpackedSize":3365702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdA+RWCRA9TVsSAnZWagAAWG8P/2dE1LymdsMErwn1qWnx\ny1ZQ1kCUdMPbExN951hgFHM5JBX0bQroA0DuNkxiRZTNr600NZoye8Mi5K68\nnaD7LQdK9odUXTlQdyvNQz+s95aSb6VZ479jhe5eS0Aw27WZA1BHjauH17g5\n2689r5wq05gJdVAMFFckbt6atTdqJY1NJ0gMpGoJwWXuOCutzUN/iHwjCofR\nDfrtZOtqeg/21b3AVIyZvCiAB5/NMvWpOB1clOiyxteo+gkQe7p2W+ZvJjn1\nGMH/dvN+kAvk6eH5uCzLxPx8mueidm8YhPva0FsU+8EQsB6lb4BmNj3pVMW1\nQaivaC8PEfM3H7ffIXzguyNAHT7l+nJ+c6e7lmtzHvC/4hjCTIc8JMMJIT7n\nv+gML8lHgk/qXisHDRCMg2M8hqApa0pLT8iqep3CVpm8NsZtI4xHLSfdHxgK\nXlBb1TOSpY9PzgpLyDbHpr88SFQCRMKtBFTlHHDbGqdeQv3wuDKHcwtSgUKT\n349Etss+/6OtXVzdOo38B8QkZEtxCHFrO3eLCEM7vF/1XLY5gGk5GHbZ8UCD\nFyeniPPcn7yRPwxmkIUaJRTCsgpymFHs6gcn3bFKpay2GF6YVTI4274vHka5\nYvbMNRWPcE8bQkpehUUANnkGBcW2HwRezB3f6BMmvV5StEzazzuURTahYKZc\nyeUd\r\n=lhAV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZOCRkBhc5N1RJXrv4dE2SJkgUHeYg1eVMOdfJ4AsjVwIhAN3CCsZmUdXL11cYJkmb2g7IU04aSvIacyikKiv4jedT"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.18_1560536149766_0.9305632175814036"},"_hasShrinkwrap":false},"0.1.19":{"name":"vue-tailwind","version":"0.1.19","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"20b3f7dd504af883f91ecc4b36c3bcdaf352c541","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.19","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-68r72VhokzINXvCifXCE403Thq1W04wNRpxGgjob13wA/sOLi4oq8SPeaqBcPiYoCKhDuS5ByXJ+aJLITyGDBg==","shasum":"ed1d382681f1a068cd3301f3b5ac0b670d5bf399","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.19.tgz","fileCount":52,"unpackedSize":3425572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdFilFCRA9TVsSAnZWagAA5KEP/jOBEZq0XXctEvyGtQAo\neRGHBqfOJ39+NPG5VVH0kW4bWgezz1Pc7sD7rH8n6zZfNFNz0vqj05GADdjy\nroVUMJg+gUk+iV82XlaTg9VwKSmqMUq/p9AWCJUhv8qLcH2+i3+yDTH9Q3JF\ni+KA9j3uUDwRXLuEOuCuus5PmEkWa8m4kRwp5u6P0uqU23aml11zqipDNjN1\nXh0DY8eXRClmNIMO85vJDDLa3MWG2FVL6knRUOxCQeFCJUasCIs5jitFwIx7\nAS0R0rgg3f/lQw3swL8YwgzLID22G4Lf+MMx0lmgVh0t5eqypgurGmMv7Q82\n/yXiAez6dIpfBRxBNgBoEX2rYzh7jkcQI/jVschDjGJxEKOL/AhbfkcDcN4U\nUbOAym0o2Z1ghHFR354DEsVaU5b6MTPaeqTs7eSuUH/6S0PHNeZ/tnn6V8hx\najVDhwqaPwRYczfbj7X5DxhYBcehmNQB8jt4m8aSCdKPxU+2EgCGrG0OhBQo\nAHvCbCID/a1L90SrOJJ4h5NbJ8J3hZC5OCPL0Big13M3j/COVeh/lXEyKZWb\n+FZiqiqpGpQfIdiJ8Qo+NNofUULnVy9yVrxX9nVwpmtqJ31n9zgsJ7A0szWM\nxUZ4JlcxPGUDEt5c+cksNZYYBsAmI5GU9pXYDGeBQMN6DpV1fSix2xz/qRh3\najXE\r\n=SM2e\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC5B4sI04erNSinF/VGgJ3irqel4bhlTc8sH6spmF7RRQIgbEG2pb2mtB7tqEYM8LHacjA+b0Yqn3BF8n5Lo69krbQ="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.19_1561733444343_0.5226681154467114"},"_hasShrinkwrap":false},"0.1.20":{"name":"vue-tailwind","version":"0.1.20","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"55830c44d9e8b4d062bdad9ef6000995d0fd9c50","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.20","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-82mL7ey1IGn397IF+HZt8bpDaB2KI0Y3/I9XtFx5g77VLl79JeL6lmtm+jej+oLKJ96eajQ+/9VlIU5YYj/vig==","shasum":"de9177b88827c4be073556343510d2ef73babe72","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.20.tgz","fileCount":52,"unpackedSize":3427621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdG4pdCRA9TVsSAnZWagAA/GwP/2ZijYTgDT89CwqyXvyl\nalyOZbGdPl9vE0jvlX4jaSgWtqEvk5FYUsZw8qoEDakX+apN8mC598HCHMgQ\nTUiL5xnA8KK8yi0QrFNipy9qJxCWjJSRzvf1bAA0Tt0T1fXOWvNfvZ7cSnd6\nR61m/VKYq9tChM1FRMOXkF+aWDNW++IG8wm09yTphNWAow4PvITvd6aWesH6\nDTElkqqeavTemURAzeRF/iEYnC7IP4SGVCIiI0+7NlWANYG3lD7LJMma69J+\nVhu2T8IUZPqzE3ajndQJYy3vFWrSYbm2DnmiMBtCYPGVMZDzFGULw6mfegt0\nglTwLUyiZWBmdqI2KleT0YVLpab3dYBq1vnpAJXCqfJcmqJmkjxilv1xOG4Q\n3GSnpCork6fz6wSLa6QS7ZAzvgP/QeKr3Vdkb+cFukRECLiZ826Rn6HsmsiB\nM+Pk/J315ujcYnjtC14MOqnTC/zqPys+ZgQOUkhdYbt6w11UVYEtLisC/vUF\nVhcKNePFHwzWoTpYUqLffyQZiO2YLGjMF2dfXuTCZIrejV7joFVh3WsAQUQt\nyA0VIsWzwzSRPPQgk3673KqP2TSqbbvnFGduWNkYumFZiqi0W2/d6/Ak8Ana\nIkKI9TGsOBSRbAhfIgm4B35P3dsZba/y6WktfAcaMTGh/kY5h9xqdN3T/vOE\nIjZ0\r\n=gUab\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHxqxp6q4JofoNFuURixYdXQXNdnCQszHHCIBR8jt1RkAiEA2kG2tckOCwHaJ2sOp9bGW04ffTXJNZsCQEgky5JiXMk="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.20_1562085980837_0.13521887773901153"},"_hasShrinkwrap":false},"0.1.21":{"name":"vue-tailwind","version":"0.1.21","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"d4f7bea163bb84e0d55cca38f1398f4ba7258b8c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.21","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-mEMMjOfXpHU/VbghPmZuZK/CLvIha7z1asB8qHeg+jYRLv1ehhdchBubdRAWs3FxDTUWx/H1eVH8h4MAzfn99w==","shasum":"d7fa1d12f11775c6077e978c574fe7fe86484b6f","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.21.tgz","fileCount":52,"unpackedSize":3427993,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHTvjCRA9TVsSAnZWagAAnb0P/116RajFZUcwrNzqke3u\nbH11ii5JQeXts1ui4UxiRHY2A9DPDc+PmOwt/phKODaxeFTzHOrMbYUb+0nm\nPOvLKVCEoj2b/63F8xYm61c+yf8GLQ+k8SZzgOmaec91XQ3aOxh8LtpYf54a\nrf9MQhmctOsx+PyQ4SR1PDAKd5K0gnjUPVYajSyoFGAdIvsjyZchJqsOEAU3\nR2INd/S839iRlNo5g9bieQ3QmyzcwwUDOLwDbvhBZ3a4sIGutOLx/zbsd6Fw\nUREkuXsQidZDguljPY1ixYX0NLd+dsJ9/kQzyJY/xlf/VID/VRDgyZMpPozG\naNwLuwj3ms3r/gCvg2aX43auyhsU7ACzFyUkL+9f9IDHRTFOELTwajShzH/4\n1qjIwxeBLj3tL+mpb5FWTb4TGiQ7jWyr9Ax8r20LOpd7b42Q1u8O/Rq5rCqC\nnOKMi59bEdjlntG/fZ+m6aXX87mlvN7KBypJKtwcQCPJnp2a58QZgz5nMT6/\nvIjj3AMoa7I5NG4+jQ3hEoX0L3J1h/jIcY7ye7n6zTS8Ck7FSX2Jfywm8xCV\nYjkb+4Ei41Mqafe80umcqflm7IwF66HYrFcm6xuI+zOiLjAjKMSuRfOW47As\nzGv2zZ4PoIXhfFJUMobX5rNAXxA9jE9/T5k50xaoUEOYb2/q2lQVYNjBWxRy\nWK4Y\r\n=NgqS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDDuy7LiicjyLgqm27020q3vd5m6znz0zdDvsci7kBL4AiEAzseESQ/fo4l439IOCrE0xJQYKXI5l6lZ44FSMEfxNi8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.21_1562196962160_0.05076040514668212"},"_hasShrinkwrap":false},"0.1.22":{"name":"vue-tailwind","version":"0.1.22","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"ea8f9b2c4c4013fb41452572e80534f410a99e3c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.22","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-4SMFmm2yjQbrPXOV82HUYkLG3EIzEDdM1hs0+A2NcxzDzMPs5+2F7A06jv9rCxgeIYV4JRB2UVTSTxB9km/zzg==","shasum":"7eb623543cd3577c5cdc76a6eff6943d5ac991b6","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.22.tgz","fileCount":52,"unpackedSize":3428162,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHVNuCRA9TVsSAnZWagAA4d0P/0iCWIuWDnbB51NUQ0G1\nxix79FXhPZ+hQw/ej/tFDlx9b8y85595VL9wB186UFu2raWQcDQwL0PMf3ap\naa119ktRGQ3W06VX/2TBixutH94zLG3o0hQcPFFx2kCAq8mGtKUn1HbmbPG6\nzny7LdBlsvg7G5FZueXyuDzihxJ8KQNZAbIafAn8YKFmkM9W+tT8RQVJG4zS\nWTiblJd9gklOynvxd2Alw2awKYB94GcB0wUCcRU12JfrzQ3/lvNKelK60N8B\nXrlwmzRlqnrPcmyQt8wzkpf1p+dVA3GqSkl8L/PjsJzgmtje9kmQ6CwOpO/Z\na6FaS84ti+PN7cKjwkLOlh+WXrOQtXnn51RymWN9DZX9isOHuJy7EY6x1qxu\nQonZSWgBaehk3eGMDa6XAiq9ZNXoDV8llB4216AN3ZSWaH9Ooe7YvGz46oZQ\nAm6xGxrckn8ujhAI2eLk62kK3lDYwffk4s0uSutAPrUsIBlE/AGVWjNsDzXp\noIlS9aazj3IB+2u5AtvB9xJS10y/pMLsLwB5ZjpGAmshquJ5wRHc3V9Xy2X0\nALoAf6+c89HRJlSXD98VaQpfh4R0H22/Z68tielZipCK7xslcnWZTVyeqh99\nhZ7/yUddwrHdxah5hnqOADGpsIYWEg+vsWN8o5+y9Jg9l+xuTlSFWMub3ER9\nmuPr\r\n=Opcn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCOK/CC+fPIe/L74JqJ9s0UUOxL3PYsogSS1eBO5s9dcgIgJMmrwL9cQhsTummMPC1PCGMtNt0DMrIvvPfr/ZjHyFk="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.22_1562202990185_0.23157529752793615"},"_hasShrinkwrap":false},"0.1.23":{"name":"vue-tailwind","version":"0.1.23","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"bad0512dd1f830eee7ef4a8f921ef04770b5865b","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.23","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-kaAJQ9DQRqZMahbGMfkqhz6tXxmvibBtESg95keHDMM5qdRw23bcIqywIFnat/2tumRRqwdXZzvqBvPHg4JrHQ==","shasum":"e1d734f6f43d807dd417f7c3c3287865fd5dac85","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.23.tgz","fileCount":55,"unpackedSize":3599966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdHkfHCRA9TVsSAnZWagAAOOMP/i1/ZShrqWSrAOuiNeFe\nLb3qH7fy2A5OYHUMRaE0WJcQ1F5VNrLSAyGNSo9bpGAor7DR58N9cLgsvKBH\naD24/WYG6s5K0B2I/z4u4KWw2t4x3qtocovcMNe52PbRQQTpw1gAsmeXdK2G\nx/LQjHAWNAH7RTrUMvjjEVxojgfeIzKXSKfb9YJcWvKuTa8NJUCyGuFxK9hU\n2i04KnCqDCwDgBAzj8vvIbSnGx6GGpkbi30n5UcE19SF0WOf50WXjsl0rppb\nmLjymao6SjVqSPWQqlTLEYp6HcA6JSRIiND++YgNStdccMWktrOMiqZIYO9v\nAA8NUR/cbHki1rFhigv4S4PDtUXyNp13W8kPrsMwbR/IYTkFsET2FPPqIoCK\n2kkb9S6zXBaAsKgPsWIyOVwCuxN1ISs8rkK//mYxHTkCmSlWzht+SdAD/N2H\n6z4yczQpBEdSSfJ7zI+YQlTA6fLHgELY2uPzFkVmob31LozgRHIOnCsd/giY\nVdRfJAncRaATIMFSFT8hIgqftalng+Cq0IWeLb/M5PK1E/US1XkUt7Jqr1LG\nZkGBZdFNIMJ39X9O77AHunoEPyIgJgT8oL58u1RW4UoJjLMU9NUAsWSDIWNy\nkLWkuH+oYNSMfqQ61vS1LxSUlWrz37h6hCIhFsblBWDzmt91ZyiujaJGO01C\n+kZF\r\n=rYvX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIANtg96RZdUNiMUSZgGYIDykWpcteRyzDViDB9BpxsnVAiASPpC3vfzUW7rHcwHbIKTAvdIvix0MHOMAd1rvrC4gAg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.23_1562265542481_0.6583667504302826"},"_hasShrinkwrap":false},"0.1.24":{"name":"vue-tailwind","version":"0.1.24","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"7e274f3da280ae1bddc9f4360dc52552506f4396","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.24","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-dROqQRnDzwTkGRPmWLbQHbpTczJ157vtbH1E9+QKz9i/lOHlgaP21+H0wUaeSAzfpu+W5Qr935S841ZR8l+c8w==","shasum":"234ccbc4f3d2a5b21eabaa1d90ccd83784f15075","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.24.tgz","fileCount":57,"unpackedSize":3725265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIjr9CRA9TVsSAnZWagAAfM8QAIpTnwOuoNM1B1b0uO3x\n8lHODvUOCMDI57MHgHZEbV1p6nE177tpR6RItSFJ3/npyqcpQBB4l/B4uElu\nMwSaQSFhMVHeV9bwAxhEmuwLnTZG+p7oyq5GwgpIYmQnzfO0WS7NovKNc2x8\n7qm9YM1CiImkizRROSD4Go9wH1vwgrjzWbKFZkzxf2Hbj3avp8lNXPi9zn3I\nBxZduveEuWFF74k5vlw3zRWVyy+1cPStIoQ/vUZKr0Cr+uNnKFBIcd0m/JSC\nUdUioRxuClbH6G5koE29WtLIQc1DVxy9Jtl8uZ3WWFyHBDNJuHvATmD+aos5\nEoZLyD5mSPH6iG4RwbGwYySEJrQi4jbeovLEVp1MH82YpbsmhjnbKewkAMaw\njeX23Hluiqxvdu+BR1lJabI6axzajyRSLTlaRhvO2+YmqOXWRDOeMFZWJT9u\nzUHtjEwa8yvgYk1pU1+n3OB1xBtLmfTtUonzG6piNLQNR2rKuSsjNnMC0GLC\n5LCskfOL1k53WIssZSYwVpeGXPvsips5glgNE4XjlkoPNsyC2mLByJuuwYj4\na4+FNR4fooW2tIu/FxNKceulslDGS4A3z3+Y9/oHTJHYHSxm//r2kf7xasni\n6QPuoMnZqJzW8ZqH12i6wcD4ykPFM3BAH+W3bBSD1N7v8Yu2YT0HZJvdnySD\niG90\r\n=Ch7Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDmsi2Ljpie7oEoKIpisky96cy9Cr0vCnDU5N4XXek4pgIhAKd/reC0271yGVXTQhWSgaD1RlGvoQripfaFkCEVy0Pv"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.24_1562524412744_0.11394548801048421"},"_hasShrinkwrap":false},"0.1.25":{"name":"vue-tailwind","version":"0.1.25","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.5.5","@vue/cli-plugin-eslint":"^3.5.0","@vue/cli-plugin-unit-jest":"^3.8.0","@vue/cli-service":"^3.8.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.0-rc.1","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.0.0","lodash":"^4.17.11","tailwindcss":"^1.0.1","vue-template-compiler":"^2.6.10","vuepress":"^1.0.0","webpack-dev-middleware":"^3.6.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"eb67bed70a1cd452a4c29c37307b91025662f30a","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.25","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-er9Baikde9wZWLGRrU5NBg3b1NitlV6ETya4yI/CNOP/J4OUR5Gd1cPnlhbTjcUe6HgLQjTks2Iw629u3Zrb2g==","shasum":"f4744c1310f353726ea745d6b5148de5b7ec2f4e","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.25.tgz","fileCount":57,"unpackedSize":3734663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdI6GFCRA9TVsSAnZWagAAvhsP/1eJoX5NejBE8+eB+ysn\nivJf33S3ZXSf91djplpjBIUEVrHxy2YkuwOdDx04jk46XLEKHxCjgTvsjjUX\nbsCSHJxLX90c9ymnx+HEu8qsoITt1j/zecRywNI+OqUeo7v5bPGpbz17xTUH\nHS6MtziO/F03Epgm83bE9TfDKpLuYvkEjugvA0QYMtFZQ+OdHecrCV9sxW1x\nXR7AqfpK4uTdNNd50Gr6kbEGp39btHFvfKLDNCyhcDWEDhqb6N6P7KLGMLab\nB/eLy6xpRkI6hPqlXo3N5l+eRlOfC1t8NbricIysRPdaTMTZGj5K9LcEVXkJ\njZ60q/tQSC8MTeCVKYo+ouX0KNM4WpDIWy8pH8m8TRHeK17z7/Lx+t/2lCdF\n2A6hbSfYUQ4wPg595OKAuF1FyvAxG091wcmeOmHYU5u1Z5622s6K09VEOjDT\nvRKsWwZU22YLeUM/G15v2tOqhKkD5utwStNSpo5TtnpYQXpSZairIOMW9q3C\n2u1duMCS5moxiX1CM2/CBsK03foDyY4EBgBVPqOer5ts72hdLH4I4shD5Kxq\neUxGLWTssxyEHJ7A3tI6Y/uJXfocrHdZcIc8P6+fj0ZRngXa6EmToGtlrcNu\ne2izlpG8irCTqyYb7kVy1bRa6kbOxGVI2Tp1iciTWpWJQ4lQbHN9WPcMLsui\nPr1t\r\n=ZcBu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE/Coa5YO5FypyBSBiwji097S1+M4u/MvRDwzb9c3rkaAiAZn8SibsCIg5FVLNW7fw97xqSBwnPALb8Zh8Ld/6qICw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.25_1562616196325_0.16686880983795715"},"_hasShrinkwrap":false},"0.1.26":{"name":"vue-tailwind","version":"0.1.26","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"771f47a9010cfd4726ac5c74d904bc7838ae1655","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.26","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-3R8wpWPfHTm3H+DEz7VlXpgJEUg9DMRBojumSGfqa4dt74K4exI3xt5bM49VodMGCHQ2uf72rr2Y8+sr8DGp0g==","shasum":"99d6bea748085363caa67fc16db3fd4f8d28abb6","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.26.tgz","fileCount":59,"unpackedSize":3759227,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdI7/CCRA9TVsSAnZWagAArbQP/i3XJcHhvTGic4LHaDqN\n4Uavo+4lPZt7pqBFtfesUvVL8hMVQPXvc01M2OYFPnLPYI4WOcINFEHyIstM\n4p4TY2EAZ+IJdGMWqdmxHcKAAgOq7hWn8z5nKLTSJEoXs9dIkAkpdk16+fCW\nHjtoTnF8IePLN7VRSwuonCigHH4ksv0PLCFmwh9okp81xRV+p8Rfjvyht464\npUldrWveqbvmrJOG3/rfnCCDDY/eFTvCYascZ+LXkDtFs4Zen7WsenYqRnrE\nxFxOBerdgTJFKxAYkEgp9UxCLE3HDDM5R2OtKgdhDmeh8nFjtm1Kc+DwRHhS\n4EbiUt9Zx7hwCMxKMunKlosrmEBp4j8Ft7QB9ZkFRMYwSvXMzVnjg7Xt748i\n3bWHyJrSU/Xjb4I/HMFH6bW/B8X9N7Y5ByLjv2tlDqjsBDwrfirmMcHdzrxw\nagZZqEU8GhdixWpElGpyoS+Y2EFTlX5d+n1Ox56lhj76w2jvBXYQbOjmgXlA\nGkuBWukBvi7BlVSQhL38Amf0Rib9wiQRIGSLVROpHfs9TMtPrVfcWZSxCiLA\nPSm3izFxmIosoI1AhFzjA02ggUhoWwDO6wkS+xwotmfGOiM0xenfJuN/DA6a\n43x+qfTsfNsXA7iyyK/yIdVExbbxokb+dTOUAyGCW/3Ha8UX07SRng4JVurZ\n8OvM\r\n=g8mE\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICINyAffnuqrG/PqR/ABxr3gOM9NLkQQ9ewOmcaWM+lMAiEAydN7l/esBR4JgBBcbVdSgwrklMNeVqTghCXHjB/gIRk="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.26_1562623937314_0.44221827101462297"},"_hasShrinkwrap":false},"0.1.27":{"name":"vue-tailwind","version":"0.1.27","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"f77b3ee09c9d4e18993482786ced28ba1e34e6fa","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.27","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-ijv4pRzflDo5V64P6sJtp9KKR6MBlEVF5ruO5N45FLt3gm9ZlrLcRpCzws8TwcEXsWQm6BwZDBG9jNZkj8WGuA==","shasum":"d18e2684ef7b8d1320f765d68dd8100c69c07a90","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.27.tgz","fileCount":59,"unpackedSize":3758736,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdJKLRCRA9TVsSAnZWagAA6NkP/A5EgHLBBvSvH7AmyWQy\n2w6DL3iLWtpSiVgTosu1GPo4DDayqSaIB6CrNBizsVzvwTCwccVe+qwx0mDM\noSo1vy/i/ka51/0SiJp2IPoJtC5homjrW+jBhXkPYPE9oY6X4K+qau1VPIeh\nd0dD+vyurHBXteGZXGN50mmHcqYgCSVIfgUbsvVey8k/IiNZB6vUbRvvODR1\nYKMPutjul+hRY62738s7lYuhClSs3F80DHL9IRM9TCLQR8kMe5w8SKznlss3\nnbHgzReSxbBitbgdrPDymMkjAZ8sx5arUjs6Ew8vFYrT37KYExpo6AtXNoar\nuMzUOlgwyIQ/T1NE/1OfVB5aFyYITZWPaP8hiQ7D8Ps04CGQTXMMkt6dn9Vp\nmRJghyjqFqSxrzoHyW8kQAI+vNZg69767pz5s89CXzLdwe3rb48qyv9N7fEy\nKCCbEIijnB6ma61g49hafbApa/qhKzIMo4fIG57gejBDn8nzFnHKjR11CjM5\nqIICzURiMqHY2usxvav+BlZHHwW0LDAVej2AdLjXaQJWcRh5NmbbHyyYgeWX\n/atkJYB74jrzCAq8Mb8vjlQDWkbZmdzOLhNW5QoaWRtYZHrq7rguRHP1Jsuk\nMvHcnq1hc1UNRfaEXx/32EcwgSlMZZzT/x7L/iHQgRIagWlo8u8tR78HHhbp\nli8+\r\n=rK9d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGfCqd6vBad+nc8COS2vvLP/MPNE+jV0advY7w89agNgIgfJ1AictTyQT7HjAoGxz3fdwwqx0hwXYgJ5oyxTMbkKU="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.27_1562682064395_0.4902957981521865"},"_hasShrinkwrap":false},"0.1.28":{"name":"vue-tailwind","version":"0.1.28","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"c7e3652ae04d302e33ab10ae0007a8394eab535f","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.28","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-w56pU370WVS7rBZcu3wQMIV0H1ZV3CV5C5524gvEPvYtS9HARozxywvmBPFODo2+qx0DqHOrIlP27csQEcsZsg==","shasum":"069c819d9b0f6edf0dc7d74264055057aa9f4967","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.28.tgz","fileCount":59,"unpackedSize":3857403,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdL/Z1CRA9TVsSAnZWagAAlfMP/0dbBnLPiY7+ibmjGFUq\nMWOKJakfWOcR08uwFLkJQSIFbU/m2ygm9Zw8cE/CQJk6FTv69oWkhbvEbxjy\n+TaApe+qRrHuG3gS2IKrAzj0E4D9SuTybjYxaNC6n2qOfAkzaIK4HSbkdgA9\nwqxW0VgQNrQJXwNCCFM2rgGawmqINxEQUHXGOAUI5yvZgWGvTKWGJLFB4At0\nvpMgSoroWMlJhLQxAQjCQn/21e4QycE/I917QvM+cAOAcmtSu5tTUsJcCo7/\nQSdLEBdMTLrBHwD019zHTxhPgISfM+dwDpMP2TC164f3uPg53SvAihnVWTyK\nBVrJ3T5GwkmM8IsCDRIQIh5ELr1Nepbp6BUBmYUKbeZ/uQM4d2DBa70bvuJQ\nzyzR6MuSFzBYByMRzPRPkr1jfOyuu5srObB6sRclkRvQs74npz0GJGgpxb0X\nxwtdxGSKX07Mpd3SJX6/x5qnJMyp9b7nnk5+Nm56VgmWe+DeOArbSejydqRN\nBQ8OLdR1iPjB4BQ75hSt1r+jAO2MPNADh0ezAFxEN1erbSeEC+RPMhI3eLuz\nZ3g7SDPPJ7vF4x4Ig4P7l59Eqz3Ct5q29XH1qlZasiX6+RYsxQZH/1KgTvmN\nTeBlHPhHfHyx32QfelB9r8sMA6lbq5LgrhWW3AdIpB6vf48lmWmaA5K52ND0\nSOmz\r\n=rQpx\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA4mQT9e1cjztd/KbLvzwjOdWq3cSOwd72v3zUPLoEXhAiEAk9tyJbGs2QocDkyksXCK6tfyy3AADgzRfhUIdz0TF8s="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.28_1563424372042_0.30248593650160727"},"_hasShrinkwrap":false},"0.1.29":{"name":"vue-tailwind","version":"0.1.29","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"5354512da3fdc802f2405924be69663428bc1786","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.29","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-bO8yYhZV4SBrauxg5HvX8DZ3udJi1Tq7GWN8ie2cP4MACh4Fr/0hsTqlCeZ/aGb5akwt5b18FBIvbKnKQ8TiaA==","shasum":"1b051680ad7869b17af54392dadb5304f681f951","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.29.tgz","fileCount":60,"unpackedSize":3857534,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMMibCRA9TVsSAnZWagAAOJgQAIVxhcsGrrhnTL6EZuib\nppm4Trk25tRtApMVGL0prmSS0A4GqZ4sQA5+d3CBsDDOKjaLWummIxqDRl4C\n+GsBi0o1uZ1SgbILiVr/96vEUDpqYMA6XfUssd7ZP82sPsgbbuQ8eOPWo3Ss\nRXVFP5XL4j/V49f9n2qBdllRzCPXQWvUYkh8h9V9C6/fhAbxjwIiDi29xDj/\n7z5Tm0synBCTd6mF9jv+51wvmr+NzA+3DW152bHanMK+qQ1phgb5Bj4wKAiV\nUEEpjjUfzQYLg2VQi5p2xOXHkLWvaVVyX+b2VZuud6Oeg63tkaa9g8bKwZYi\ns2Dc85NOl1Vp3iml7FR2wvrR3PhHhAdhmw6rM43j5RmpJmv4DTlZ49krhT7F\nYqCny0k7OZn47hILJl5HoMbXsVFbfEF9GBAx2N/l8EpEBA0Nm+1VVxUhbxUV\njN50VPynkSSn3TYTuPP3v6EGGDn/INiU3tt/3PDLwmSxNgrdOKYCY4hA4wrD\nnzzWkV4fYQahNzS/IfQ9RAcWPm+emGDwkZ+6vQ2RFHdR0gbBK0v9B/setF6j\nK7adrozjA65AXleCez6wQ/Ccf3GkZpXOxRpdIqr4Y7P50NhF78p+XV1X8pkb\nWa0WQlNLxSwDv4FDelFu3CpqWMz+SlF8CVT3KDtFEDm5f98ut33sqU0wJG7W\n2r1h\r\n=/9Zc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBCNgzF94NAh2fpMEUnHpaxkGGGr5DMYg7Mm0FzgHB7JAiBqCLmMJNZEgaz0Ru5OBE0lrx8zLGtRWkqNvpW43QIxvg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.29_1563478170204_0.42835526902948806"},"_hasShrinkwrap":false},"0.1.30":{"name":"vue-tailwind","version":"0.1.30","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"2df585559407acf61402375535d74a9c8fa8b2c9","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.30","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ix1hL3YiiiUT+DhDfcIqH59yTGH+H0fMvySoU6iZSaCs29WMOya4WJ9WjzE69g56768N1i8A99hkZB2Wgj3Cgw==","shasum":"7f328d459d6f2272c13ebb874b4e8966921805bc","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.30.tgz","fileCount":60,"unpackedSize":3857722,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdNj1/CRA9TVsSAnZWagAA3j4P/j8lFdjTYeVUxUmXmTiL\nDFEJLxR9CglBksUE0el8JNKzAACRxWNzfDUjEj87AQVChEyKs7IFbSLaN2Tb\n1k0njNOkzsikwQm3Gs3wIl7f3GA+vB/6hXO6f/nToMqd6/qRLXbEXyCaZT+T\nmJUX7VpJq6/XCavOKFwS8z4C9gMVgxfGWo15Tq1CHazEiCerpqskjaLX7sra\n6DJwPV9UcJP8P+rGkTPctoOGBzp6SHnbOtlwRZno900OaZnbxBR2K+ksgq1r\npEdAg3+q5DTAOxQXyTLUCtj+WCrb8LabS/8rGqj4Lgeehu4b60CSRtskegL2\nLty00wcRDlMGH7QNnsXZQ3RjpOdcg/+lIUyJaw2xuLLTy2gw/NnZfEPJYUPl\n+somtQ0BpImTri6Eq2iOaEmV+3/KvrdMjzR1abcv4R3t0c9Z7WGzFW+w6aPU\nvKarAZZLmlbebzJ86VdYyEhgpbOcE4alnTQ5CnarR+VBw2sbd69FB/97fnVy\n+UVrfWWmOobXXIpGosdA3n8oImtul99K66Ptp74as3eqh/F/TgCpbd0V1/ah\nbKR7bZHBwt2xdMtZYqmHkQqYgKrIDz9ZY1w4k2XUm5m/n6oHJOyZ5zCthOlr\nLtoRf9s92PXdFe4Cxy1Gpeg/2nJ+1rEx1LjgrK8EFuMFzqijEVl+vMs9DiVK\nnqbJ\r\n=dLFv\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFhqshZOHFIVTiTa+pQ0v2fkZPTsG5jxu2rdBz0vTZzoAiAF7eaEIuOBe765FlAd44/97j13tjgyY4qTLsAaJIbFWQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.30_1563835771510_0.1856729496609355"},"_hasShrinkwrap":false},"0.1.31":{"name":"vue-tailwind","version":"0.1.31","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"0767eeddf0d44231daee27f57daa4c820bd0c9c4","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.31","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-vnSOauHCNSYD3pMKv377twq7nXkHNp42cHEpeHPxoWYs23xcbqxsx6EenAd32hUit0rBFqjmuXDFbbDIYrdZEA==","shasum":"a4f28f7cd2beec5c0310a1ae84b5b4c3b45020d6","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.31.tgz","fileCount":60,"unpackedSize":3858581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdN5qyCRA9TVsSAnZWagAAz60QAJI1siUaU2e8gShK4Ppx\nQRnfW8wI+aIlQcJBHvOfrxllCPglhr2/Oh6depYD0eK3QP9AKxPQTKc3UJky\nFsjIMJatUpLPx693shOULXNYd8DXzWId1yWd1FOtI9xCPtQ8SIct7h7wJziZ\nkjS/oy5i3ymWEUy08gENuraTgGwtc1oPN4ecGHG+05lhWs6egp/qURu2BJ7F\n9WMMAXEVVnRujHBSRjTvtQ0Nju4TNQ4Fx7LEdnt0bsbirxH+o5A5hVOxpfTS\njXFMIt4QXmS0Z+qY538AWUsxkHzLbrDriC/qcqquYz4hlN6sWgVDwLlHvOdI\nwqKlVRwBGOWmR/+MtX1V+DfJv3S69VlPSEDnv+OCr68wjFXtmU0659k3K02r\nQhxvqK7jE0mF7Ou5onym5YnQu4zXuQDKSc83VCq83falNISmSPf/49ivDV9W\n7Ab4xwBsz8HDJOW2MyaTYi8Co0o3FYMgJ0px7k9RxTm6pgQbGcF8LBX/Fjwe\nURb5BcXbieGLFEvP12596Ih6QRIV45//+7OunQC1NmfPyTFtTPI13tRkjINc\n4RABlqv9hTSq5i4xMpFS4xTL70pHN1rT/KIUUrZzkbGDUiIumNk9X3uLfzm0\nn60bvwDHnyV+1valIifMSwvuKgsRTmEgt5eHM2ACgTxEbvRwq0iqgiLqezkd\nXn1c\r\n=o9sT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfhfIS3B0AsE6oEybSkl+ELIjoUn7rEj4Gy0HMz95+IAiEAiFqCpcFRY6lpkEcVDPPmPPAvBVGNJTR/IrdDL6KcfSs="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.31_1563925169755_0.41888320253304046"},"_hasShrinkwrap":false},"0.1.32":{"name":"vue-tailwind","version":"0.1.32","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"96b4e0b15327881c24228ca0192f6fe77f3354bc","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.1.32","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-l7F+Q4dGj4ciXcSNxUn9ZswX4pDMaul7vrgXCAastspx5deevvLVv8zLuKOBd0iJZdH8rFfBke9hTmTG16LN9w==","shasum":"0f4b9c405963eb463e604640bef8bf3da2cd2e9c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.1.32.tgz","fileCount":60,"unpackedSize":3868808,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdN5v8CRA9TVsSAnZWagAAv3QP/0Z4KEHA+Yc12TQkoGpU\nhffpiG4e/5dmBd4ILyi88zV5ku0Udkjq9JS5LwaUpEvS1GSacBxwi8aBp6IN\nlDpnY50z4EUAY3KPHkkb5PmstMDuFE92EWMCvMwid9QUOpwdrs2FOQBIuq+t\nAvB1fWT3uWeAnWNKiKWgJfYTeG10HwcW4VZPYAyUhl9j1ABq8irCzWA4Ic4o\nVvEPKrn0k635rCDO5M4u/HC3ibkswIlGTXR/fbC/tSp7kSvRAJC9P9pC05LM\nYsG1yF9Ameky5ULv6KNNn3RvFqlHkVwnJHTS75UnHQnUVbiT0YcShix3SJlO\nBGMy4zp08IhSeBGIlFY+cU6hNMvrD7Ke5fMSepU62Gcxo701MGMZAtIqBEnz\nXzNdA9qse1L/sMJ6mxTwajqnso1fiP2XojCUh0GH45LgFP2SByVfEZP4PW/Z\nz/5WBThYcmZ8WCPG9HdKvQhUUpLsFBLRhmJOi2WWqijn0n232O2uK8vhha1P\n6w3cX9PFT22e84bjQRGo2weOtIIxAR550fW/YBWudp01kChdjE1GmyMDpnNU\nE+/mBsMpcca1DdxO91fjeyNEwgqWdfafWpAJ8EBj89QJWZH9C+R9s/G3+HNg\n5DcTIYb90/gU4pgfHSOE1LXeqwVTbwy4LD4StP0HhZ0Hkf+gQZJC2YHuuf9x\nEbUv\r\n=eAnr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDDybxq7sjdpo0kM206srCNj6eEzKPy3iroqLWAmNYKKAiBMqFyCVnapTHvdVuzw0vUHnnaw1SEAcNfDS0P/y/ZlXQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.1.32_1563925499816_0.47046381230316014"},"_hasShrinkwrap":false},"0.2.0":{"name":"vue-tailwind","version":"0.2.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.3","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.2","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.11","tailwindcss":"^1.0.4","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"454d4afb3953e4b56aff538315adf5cdacfec340","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.2.0","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Bwx3dkfrBRhAYs4JPGUDWOIlW9W8KEahFVYj2UDTE4WsX3SQcbQBqvlUUREX7QOUNVBQYWtOTu6BWN0TzqIliQ==","shasum":"47f6714a007cfc130404491c80299905097408d6","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.2.0.tgz","fileCount":60,"unpackedSize":3876451,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdOmYpCRA9TVsSAnZWagAAXCQQAIVazr3iOOTjQY6x+jDV\nPAItX0TP0uB/Raj2clhNLFCNO1yt+sh35ShDeM0s2CsN5qfZR3bgqo/8Eg19\nrrRIFDEjYjJuIUpOvZePZyddB1T7+4YHBtbCkn86BX8va2PD9sGgK0S1wYJT\n5iJnpv/SLUxZG/avDcwJqQPKHEeTFG9bC+ks12FvVZs1GauHDMQLouirxa+q\nOa4jAqGVwrL9+xlpBKqvxqKN6E83PidcBJQkTB+HirHZeWQsFF9Z+8TAzOUd\nLrR/pXptR9LU1HsEcvZ/K1f8ERY840/IPUylyWak8KYleDz2t6qv+r2QcNRn\ntD3XMTMMyf4Uoi/ZQd/G5bDKZM2WEye1aN/Pd8PD3LRYuwMi0ky1QA5cUmiq\n6ML2ZQGTYagpd/60xb3+3YfTdZehINQ0Ewj2zas8WPG3AqJRAW6xi+fErUx4\nIG99Ank1QKoAyGufru4AASmA5NhXKhZOcWzR/W2b8AayjLYhthgNe6zkun92\nKfayqKfacqW++vyVZSngpYtmG0ATy1jKWOEpgjg7XpKggUTplgY2k962gSVY\nXh6TEWbGbGGD6/pXsNr5yo+bb10isbOCEV26DukIkXZZDtwlTHRXQBCKocuj\n85dtSCFzRr6ayvONoHMu3OKsTHVpz9v4+pn1qXDvdq8TDgEP1mQ8lxaUxG40\nAoqj\r\n=Ptn+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBglsRqpdowhos3LbrGyFXdi7mKLhJwxQly8VRAIWKK2AiA+dNFYIEsHLtjQiKDphmlrmTMuokQEqw69YMAhIuW3Bw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.2.0_1564108328012_0.16813218720577217"},"_hasShrinkwrap":false},"0.3.0":{"name":"vue-tailwind","version":"0.3.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.0.5","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"e8fd64328f068daa5222a2eba9ab25a192125114","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.3.0","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-0MqgYmAC5BmMujZnI9qJa6KoXfrvWCY1Vq2jQy5th/Jl6k6AStUH84oKMNEH8/Aafy8ZQIjkQBvqfxtE6gyo/g==","shasum":"f17fe6c2e9e50fc6bd36c16fa0282ca7325aa02b","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.3.0.tgz","fileCount":60,"unpackedSize":3922284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdO1UWCRA9TVsSAnZWagAAVfMP/12ZFlth3ZEr0N96NtvD\nlvHuAn9IDN5wo0mRNfc/l4R570LGtdSIG8JjhozBrMVtKV8mbguUrXM4T41q\nVI7/PrA1n4+jOJDx+2UDC2gqGvkoEYcHbHwnI/HNMFY7MRvzBq1uvv6zO+2b\nStCVRMqHw+HQAdq80UmOJfmUj7gq+dCGwT0O8EO6We/ROl5+TP2b9Ynf7gpK\nmhyLF3XBSTt60dTeRrhdO+fRK4/LbiKShLu3jfEoa27fQJolYx1Tt4TIjfhm\nI4hvgUNRdlyyNTJXMNQg8cQ8KFJGUTmwt084Nbb+jHO2BL/2Pr6Lm8uyTN4S\nk3S4II1JsSfxt9/wXN6N1QyUOJI+Ao8hYwFKSFn+tguzqmabS1Syy8BzaYlj\nG1Hlhx911WFldKsIskfRFJmOTnVG4/DfRHpqeiRKyGfGjfgET1JkrrHJ0sVc\nWiFLoXciaaBAyoEOmXDwOixz/PqdBUyk3guNshcVpxWClh8q1UI46LSFk0WW\n7xoYmnIsl9S3AwVL2nsDrNKFsEpZOHPir0SZbhRMp+CJZryJVjGQUpeqAILM\nm9eUjvYKZRFteQ+TtV/bIxRu8PZUh8pUM+B0ukCnliGdJrvIMKslyMflfkLE\niYp5wqHdPTbgTOlnvmyj84boxjUKVSKllzu+cZpgakfLLM6Eb2ThWJ6Gr3/E\n4Fhh\r\n=S1Fc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPeBY3+sZW+U/IpPLuG1VxddSxNNu+lB+tPKWa/EBE9AiAaTtBlmNggvvNlTxhn3N8c6oJijbsQ1dKxVUvwq5XkDQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.3.0_1564169493434_0.4750403095168758"},"_hasShrinkwrap":false},"0.3.1":{"name":"vue-tailwind","version":"0.3.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.0.4"},"devDependencies":{"@vue/cli-plugin-babel":"^3.9.2","@vue/cli-plugin-eslint":"^3.9.2","@vue/cli-plugin-unit-jest":"^3.9.0","@vue/cli-service":"^3.9.3","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.0.2","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.0.5","vue-template-compiler":"^2.6.10","vuepress":"^1.0.2","webpack-dev-middleware":"^3.7.0"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"226cdcbf2f2c5769ab2b4b1a7886722c8a5711df","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.3.1","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-zJQnOXJ3MHAZuDue/P8f6kis82uZq5Wmfn0sA8dqi96zwFKBo4eoo6O6MuXGboBMpcmzsTdonGpvVLtUteyI9g==","shasum":"e1a2b3af8dbc486e998398d9ed6ce350f36cf676","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.3.1.tgz","fileCount":60,"unpackedSize":3922284,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdZVcwCRA9TVsSAnZWagAAnlkP/i+Eclm88zxO8fKAaCLM\nToF7sqJ4Qj298kF0uNfDWtw2Z0YYmoCJuIPLlZNF555ksU48uQvEFFzB+/nP\nOMep0RuSlPAdzSAw8M2NMdCyOvERJKelKlS/p8PvBK1XNSIuURKAPNZe86Iy\n4SJS5bjfbnO8PNDSJsldjgatVT7Rmx9UzQ7GsqB8FmN7lWZNoWi0IqMFFYbx\nDJoRflgcaHvKFIyigXfGCVHNOpZkrsMuBX3PiRfqsklutfy5eIb2cdkRtA7m\nfmw71Tq+ouytHaGAlo14xvRfEpo+YkjE1ymI8t74Gp5JZLT3mfNEhSRns4xL\n7nPbvgFIuaW1BRhu0sfc2KVvUkB1Q7OLs2rpuRn9+b9JwOmNEwfBs9S40NfH\nBnqhvj8SvU6uHhfiz/ASisg1ahuGORBKkrlUCK6H8G5yrmVNWtxwKq7HuEV3\nVje+1yO35djPinSjNuFihwwG2LUMyZrqOxdPhBnX1dYgAlsHkMyivtXsTXl4\n46kwbB9u+fbwOFDjevSgQqnm0+MjPHdTmeoDo7jy8p2GfxAxZfzwZHVIICpx\noJBqZmJWCGuNHc/jvUvQTFS/aIAzRK5dJ57+Q49VMrihdt01wISIsAuYuR0x\nyUrYLmPLU4qtkSSsDgMLE0LbBrmH2S8v1C/oqAH4Gcr1aKpPYj49i1W3lFrQ\ns05C\r\n=GTYs\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID9Da8+slY3v9geXfhDvz8j0S7QjKCLqS1suZlPSwMeaAiBEnSP24JmUX3VWv92mtTU8yitG5pVgXoQ+YviDR+aslg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.3.1_1566922538380_0.9983999390011424"},"_hasShrinkwrap":false},"0.3.2":{"name":"vue-tailwind","version":"0.3.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"de9cc3e50185ce80248896b049440f818532f4f4","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.3.2","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-DEylo6BKPp7lpT0ugNdIHwnBXmV2IZVnYxzEBcljs2uWEXNFfXTizpQdVsvcfjMT+fSnyxatadWETPTsHntRow==","shasum":"d2a9b61f7b1c39233d23c47ad864d2a459b3fbee","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.3.2.tgz","fileCount":60,"unpackedSize":3928672,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkSckCRA9TVsSAnZWagAAS+MP/RflbcQANzrEIedVy47D\n3mjHs+nKnhzSxEc8qARIodMD3yb/W/B2+xvjC/PxzIi7TbOETLRLRvW+on2f\ntwmpaw8i/LilU/ISlIuYFLvc1twkcr2d0XSE69GojRvV4SQ0z87X38LQbrta\noOof7fCK9CnGtWn8qdTV2q1ptku9jaMBhUrgdrKLqktEJuCsXPSrwnhIuCC+\neG0+SIRvf/VyFKRdpTnsmjYDCCPNBhaOfAIGGFfLwEhyvChPSlyMMtUboMPn\nySQt7nMVvAQmcMGdT4G/wL5V9QXdLP46e563m/zFq813NhF9kg6mkfQidwsM\ntONGCR4gRlMF0r0ceGwc+JYTmSDs19z2OsQlrM5fLGMnl5KDEurkWqldaiae\nthLg68HLi1XN2SK+DTUGs/M/1OjElfeTW0KQdi5BnkwhdPfgrH+aP28/Bwvm\nLIWL2jTxj5PCSTjPn4vSVmt5yNkPPPjX7HcOHeBfS3Nk3CHPPBtCsb9h8fcv\ndIns0m7mCiCxsLFUG9iML7S8AVhrPBsd/a8M1idbmwrFPBKYOjGv20S8gKlX\n3nDkNi7oVyb+zeZSekgATqnxVPEY4gxOz33IBWifQfqKfE+vYdaxR3ZRlLW8\nCpc65wUHpGgsXGdsKK3bIQ/WVxf1RSJB6YXZA0bZfdfgyZDW5+YmnZqH0/Oi\nyvuE\r\n=Dpsp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRT0uYNLX5iNwshUwGG5jZafdrRB8ZMYIlMkXvMcSiaQIgaOYke9ufv6960pdvIuXfD3Ej1RR4qxYAzM83AzErxcU="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.3.2_1569793827306_0.03398123668974562"},"_hasShrinkwrap":false},"0.3.3":{"name":"vue-tailwind","version":"0.3.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"a59540888f73f1932de770b4f734bddd56365776","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.3.3","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-t1Cq8dBm97y4Iz77by7xqqz1V8d9pnu8HAB7mxdmwz/6//o+iqYtgyl+XfqNn7Qk31oxa0Rb95qDplBXraSP0g==","shasum":"ef6413c8531f12da90dce9200343f4850e75a0ca","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.3.3.tgz","fileCount":60,"unpackedSize":3924373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkSgMCRA9TVsSAnZWagAAijUP/2nrQRHZzf/oLG1jEqrt\nUUUGjaG/MJlHnax/l39L8Z4EjOtgAx1W1sQPldR9oFiuttGpTCyuJRw9em27\n1KGC1AvdvHwGNqZPUPm1oSbk3Ajx1I0VPEHm9jMkh/Z0KYpVG5CC+IAlgAgE\ny9Tqiy+wyC8eiEbN5IDDcQGDe9HhwaKI3/4s783oSvoJtbGmDiEGRC1u7h2I\nsGR9WCESoLam2wUJeB0nqgmhu3kEfxSdVpsB+evay6caWcvqDDtOLw6r8DcA\ncCOyERquFbKcXalX3IAr5Xh1FDZYN62Zl7KA6X5IQrZwYBhvZ9mJALPPcQln\nVY0QpKddQ4j1X13sDrstCb+Nl6g5+qMfMiyl1IVy/vkYFO+YpEtE1xyYfIdO\nRf5uN5P7KCKu8y6RpEFFTzKmf4k7kPFbQVR5NGyCaL3K0/wqwYnCXrE6xdSe\nF2EjQdK4/oWhuOpWf0V+yYH4u0DYYfs1RXldbZse0xlCcEVzn/SpNDJI/bnm\npT5TXElEzSNDaFB33w4PO9BEZ6mjC5UTdL0uSAT25AoS7Pnb8ODGM3OA4T5Z\nondiTf1bqoZbgEfg1u1RXjkfr5U88OJltqEjRYw8kzaeWShiHVvRNlRV/q3E\nF88JI1ZdBAFHLM++YjEZ7/ivwVRUTe9U8cZDlSL0I+YpxlyVHkPbBwH9cGjs\nr/y/\r\n=aSqc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDKzsN6+BGBOA0XFcrPgyElGepmM6QWyKgGb+dC6j8wxAIgLwqY46xUWAMKeugEP/S8LJLD4nwyoiJzYtWR2Xrhkz0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.3.3_1569794059206_0.6722365158304768"},"_hasShrinkwrap":false},"0.4.0":{"name":"vue-tailwind","version":"0.4.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"367d0c326b45386096fae2529962875376853677","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.0","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-x/fBIXjBCPsfEQDc/OVpzzw2lCy/cGMR3xjVsN0OZ7AY1/bdiscLEbiZJnt7EO0/xfk0EvCoHLkZlxrm2zsKJQ==","shasum":"47258d4c209a1f7759e780cd0a64cf6d633fb99c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.0.tgz","fileCount":60,"unpackedSize":1324606,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkWtkCRA9TVsSAnZWagAAyIQP/17bjWM7NBADKeSIN7k4\nQYVBWMVuP2N+ce1z09HLv0IVWQ+SswlepcvX+l3xJMRzH7ebVUgRC2Ty+qcj\nHEWn//11p6wM3/0SSVr2T4BszjodmTVqhpooRWxP5Saxfhz1OzNSYkEhEkZk\nV5Ereb3IWebOy81a8dIeKnyB1npEkpM53ADrAcVwo+7tYrgU3jGi2Abg1jtT\nYdvUeU4TVkirOY9HFdlOW1yhou05qx79XvEPf/oCMdaAT/ERdzOv5x4HYi3J\n+xCuL4X2JGe3dOX18Aubj9GxJE/sSRw5sh2VuqcsGEKcupSDi6gIpp7FlCNj\noLMnFavPxOURHa3yu0W1XEHXsf0PG7iBvSGKO9hncgwS/IUgiPI+GIjHHdzb\nSCXCrl7RHVEB9+QJAcBcVhDNBfnPgY8WDtKyxD+KUaC9vIMKmQLCLWf4t8QY\nqmK6xxVPJIX/6Fhg8sSXZTzwAfilhkMIJVyzPtY0MbfxmXoIw4xm7oq/ycff\nNqlY19cZh5e/0QY0kRfUwb+M5V6gBU01XdFleM5M8c0nYoVQBY+07QQivrwe\nobvGra7702kKIbjoZO5xfMy91mvh460Lt27jqdWKJNHEEcuUjt+I40/rAPLD\nD5m0W+FcPBEe162YqeWRRMC5edHBTqqbUX38w89A3HCBEylLqnpDG0S8VPbv\nXlD8\r\n=0Tf5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDGOpLhnxv+s40tYF2ZThib6GpmkkF7sbsnAkih3KI6fgIgDAfV+PZ1QAf2mfrwNYxtOYgF0kJajkhPm7pKTQeXqHg="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.0_1569811300159_0.9358616888739038"},"_hasShrinkwrap":false},"0.4.1":{"name":"vue-tailwind","version":"0.4.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"adb3b6a29bf104aed02670ac3bf50bf0d8cac3cf","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.1","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-lItBdhpDoOzNs26fVg28eH85BicclbYpi4Rfv00zVfsSml3iY5n20WYewsyfR69GY0F3k+pvyi0ue2kQ12iAzg==","shasum":"050483101146f9544fba741db5229c328305f832","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.1.tgz","fileCount":61,"unpackedSize":3951370,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdoOYRCRA9TVsSAnZWagAA1boP/i9Qcx3f+GGmF++QBjN1\nN7CDHVQQNZ1c+lmjVTkcuv4YP9gfi41WrCRd7Qvu0YL8G+IwJiKZlVEDZKe3\nME6/y4BWDZe1NI8tFELMiMVYR9NHRSw8hnUAwqNVQ/iq+JRcWFMyGtm9DP2/\nmIxNIFs1gh9kOUI66+7ToH0M4USHYd5YY6HG4dAbXNC4sCVVK0guXx+hdLK/\n3lCJ5OwfMa4krmzXzXJU/M26S3Uw27YNYMLhl9dV+K3OhNBLmlJKHYi/d2H1\nkSmBrQ6qYPGRrrGMLzbkwURzT7bEj6CJ7nW+Hj+2UFcc2HDNWO2RfZaze/cj\nNrqP/HF/g7qJpU6xJkc0hj3+vLvUnr6Z/HMWN9TsPGOxgLopcvM8iFyLT4Tr\n38VfVyt8qru7N3ifgfg5FSzWz9SsCxZmPfh/lwslT6VxeUNkL02WgEE3uE0c\n3qOB16gwDYHYSaq3zGih/suLTVaLajHMkdmCqVP8XwlZ9CbCKO9v4Fb9HkOV\nK1xFIPwh4toTd5WEJ8WmUZ7r4cT/4cO58G3G1zrHlIUj1pfnzT1lPQvn+3vS\nXFfrVihENzrnUbA1ItQN9t03EV9uG+2zFe1II9Y/fnenQ61I6XZtLNl5iXe9\n4y+mK6nBpnx9Ow1BOGhYSFj96mUp8yAX7F/yfDUmXyIJ870UMR3Hj8FZiPmU\nPX/9\r\n=alEy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDyspSGCSzQN478KisKWya9NVcI8qOQ88lIGwWMceoh8AiEA9++QYOkAVya8oe4uPx8PU6HwKu7HUj16LVYiXcjnDoc="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.1_1570825744376_0.4282368529321121"},"_hasShrinkwrap":false},"0.4.2":{"name":"vue-tailwind","version":"0.4.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"eb372f5fbb10fd9a6aa7de97f6982664125254bb","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.2","_nodeVersion":"12.4.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-EoaLvIl+KlaqfWp5u3f+ZxcfsmqWrokp8HuMOxhTCOVT5OufrqUQMN0j/HE9Kt6RSh5j/9VA29JurDu+dKwW2Q==","shasum":"17af14f9f3e9226656348110d64a0b729711fd9d","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.2.tgz","fileCount":61,"unpackedSize":3950847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdpzLACRA9TVsSAnZWagAAjnsP/1KR9xYV2dhxpjgh7LdQ\nps+NVgOR+Kt6H6hX3EN9HLaO5/d7KN83F3NpZLSFKH6rhihYA5FyhbM+acNT\n1lyMwF9V5ohFPyeM/6fAStu0KjsCa7a0pzJ2wO5sbkek6hI3KPs2E3aXTMqy\neWtIJncZU+MwRav4qolPxkFBc7lRhShYylMDl5xCO4Mi1x5oLqwiMdy6Xvt6\n3PL50Wg4qhlVvJRBrNVWwicOCMO1GwogDfRnd1z25Q3wA9pLyCqKbURq4/ym\nbx/WS9ieQcbT/xXE7TWCQslpE4WFJhFSlbPQ2WtX+YIA+GwOIp7TWvsFccYk\nTvre24Rf/8b/SBktziCiEcHlbh3zxtrS5dI4ViwGBALV5+LQ6cYF0F3NsoMH\n4ZSN5dnScWNbOjpt2uwFNly3BtGNCyu5BMkofZxbd9xmYoUrYrIhZbkUFLMc\nIprRvKZgxpLIvABIxUdyhWVqlz+k8sxIBviHhEqDTR61NMxWwT7cZqOnCARA\nICwA9t10UkdPVrjiLPP9mH2J7U+4JQB+kX/E+y1tM/8BIPsQ4nTQQ03d5VMQ\n/1n1rfXnRgUh91pVDoIW3AP1mPrrrkwwkO37mKPX7D/30wAUFtmeYom3+7gW\n9lz0C69OFimdS4UN0U/+akZwIIdidotVTFQIj6bSdsRjI2HNCAMdWcs4GNFM\niLOV\r\n=rSZt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCtW8vw18iqGlccM70pD05hYBiM9t+x+dP8ologCpLuiAIhALmtpN6KDrl6db8Ib9I+pa7wsXFVP3qseUU+Oio8/3jr"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.2_1571238591912_0.9087440706319803"},"_hasShrinkwrap":false},"0.4.3":{"name":"vue-tailwind","version":"0.4.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"3cc08c1e2dfd88656796ac6e7c9e0999cc2f840e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.3","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-NNFir+2RGZKTTziTMDLr/a7qB2pPA4svs7COrdLSd/rCnprqDiHgSnf+R24tzDtLSbhi7bQikYhx6DJRsSxWtg==","shasum":"1e1231bfff0009e710ac99423b3aa6eb8b394be6","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.3.tgz","fileCount":60,"unpackedSize":1324806,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTr9UCRA9TVsSAnZWagAACgIP/2KKqx9dmNL0+cS0ZHTF\nheVWkPgGN8HtIOWwEa8iLNJ3gBI0ChaM7wALpeLpHRkd4iQbP3EpxtjqJimU\nNcUPvaw0U3MWjv6Orf6uES9XB14zDw+NO0f42B50KwsdZJkB0Ya2SI0ZUWaI\nliVvfCODXqaFe46S+Kcm1sXm5awBvPMkNrJargZQ+DJEuhSB83TIGJDm5Cw1\nlfpbgjojRO70J3IuOF+a6Mlxp+YCywywiqSrL73f4ecuyZgzaHHymTwI8I5Q\nn55JyOVggzY2j7j+LKYTJ5QqBo30RJKjm8142ct69Vgr+trN9wQcchvxriXI\nsVJvjROZ69x0QQXFZ8CGMsVVRt1FC+j45dMVrZSCyw3X+kvxmOcVi2k4zuom\nKSQRZ9CgfxwbbzmDN+xHG54sP136JlUqbTgG0TAB9OUMbyHFwCYYccQQ4c4a\nrYJbsLVSC09umeMjxbAiarHBTeaH0XY+2WeHfoa4NSp5B9Epufk8yMAffW65\n6LwflQsvW5hYtRsi20Ud6fsrhIEjDxC37URyb7u6nqvgFSlNpRlfjIXB582i\nVinJ5UoNVx+/XexygI4VWNApC8WMeaIbETeNhINLgzIZos8bWjrEsr1mPd7D\nk43smN94e7kYVzGsV4TC2MGXVfRI8433+t9v47fzrkv1rfag9WnoL0ygcVp4\nHzOK\r\n=TvR+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBBlTFB0kIucosFe2UU6xaV0+KnWPJmNLiE7vvLubtw/AiBpsf/QmnFuegjzr134OjTO+eGOvW0jOjjtg5Ajl06E3A=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.3_1582219092086_0.31200622315075677"},"_hasShrinkwrap":false},"0.4.4":{"name":"vue-tailwind","version":"0.4.4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"f0f74aa98eb9c424a5a672b9bc7c0cc2563d1ddf","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.4","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-PFIPDQMVQaP2qRreha2vG0utGkxOXMs+6d347DaAcj1adbecUJbV4TEPnauH69bjOvMIVvlgXzSolVDmdzDyKg==","shasum":"d8f611593ebc3a27f6c14335507ea9b28d5f1aaf","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.4.tgz","fileCount":60,"unpackedSize":1325959,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeTsHECRA9TVsSAnZWagAAs0MP/2FtXhXcLnjfnN3jYbXF\nWOXyr4cbTDL1mw4AC/qVbFyyPvMUBvoMTjYudz2InTkQt/umtF7hWbNJjgM6\nGfAFIDv0c9TcvBE8U21d5xzMJXirxRTTqcxB+6RzJUr6G9YzMI9oaaQVwDKN\ntCPTxYKKz55Xzmu9qWvAiXd/mNkQnuXkuABkgWRPKnrjxGMzZuTqbhcwIzrT\nCfOol1jbi38vegwZElF1ZN2JM0xTExYwfnar4Zs7ooN3sQxW3TU/52QZVB50\nhoTtOjzxtGup0YLn81tR6N+Han4/5g0GEc9lsErndsXOKp31D9/il4Tq0jLo\nNXiuRCz/5iyH4fmP9Yy/vhGs6PddS7+ebTM4mzbmcZE9uwytZWlqTSapIObR\nCR+DTrna2y0omFGXYPdy9gB0LACvBW1Wase9oAm+KnL/uYRc7Ae7GbTiKwS1\nDu0D0FPEcDuP3uFkz+tUbJSXtZmktxNR2JjYfkzl+3s9/4pNbi3JtbMY1Igi\nBTJ6cbOXHu9M+GwIvzC0dqn/PuQFLdiEptCa4dwVVwC9vlh1kQyU7NFLECrC\nsHpYh9PkeHonKyd0JcP51Hhdh2O49eE4N+BX6nY84Ly/hyipa1+vmv3S21fM\n1HKHOk+nHLU3/+/YOX4bdfgxbWeCjycjwlIRtmMZQDl1oVZufh6aJEHo3i9H\n7Y9P\r\n=0FQt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBN/ixO5mzQlG8oo3axouejyBXNLQFPf3aof/W59B7zfAiA3DPl8Ph8OdzZ9Wrya97MDYOjAvmik0DNQzi24O3QSiw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.4_1582219715707_0.48938756077140044"},"_hasShrinkwrap":false},"0.4.5":{"name":"vue-tailwind","version":"0.4.5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0","vue2-datepicker":"^3.3.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"306cbefbcb50b2cbde8048c53756db1b9b49cd79","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.5","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-PmB7jyhKxFTu+7hbqFdyRIuK1fLOBAnYOOeurpVTz5YCtHzCNt0MsjKNvxmx0TmrMUJT5d6hUcsxSPurpImS9w==","shasum":"004ce764d879c82378e70017dc92eb98a3402b4b","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.5.tgz","fileCount":63,"unpackedSize":4865614,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeUzuICRA9TVsSAnZWagAAVT4P/RaPwFRjD6alqLIJVC/A\nhQMOn77K8IB0Pe1ICaVirGlYzFu5BzR6sAu7Hct0IuCOfp4nwke+bK2aREdU\n0NA8s5ldEycG7nN76wvONi7SGk6IvChKO5z57DvV/N73stxfTNxUZncHk2KZ\nX5230svPOC8AsuqR6RaeudprVZQ+5EYDsapAGMx5z/R+nGWviyv6qexQ+sTe\n3qkMdLervopVVWlP19W9MbF2XWFSHKbvQCUGz5FSBADgHYoSnP4EL7u98llH\ns88MybSTvuxXK+Vjlrfom8qA4imJJNk0IRdvUfuZ0y5eSQTCNP74iRsoqIiM\n/pYPQ1GwiXY85d0F74Zsaun0yQBgAlU04bM7Y7rnKzglRaspsd7ZwfFyNcEf\n8XBWLFy425iMKZE4UN8qjZYSU0ljAXAG98yR2tIY7Re8vya9zN7itUnRqFNs\naMUymMXgiYx7H4wfbRoNOFBRlf/Eij5jH5eGZfaUHv6P7f4e0gVoaJOE4d6O\nw4KEkDcwUnAKSBochIkVB+VDv5q+aW7co6qvISf1C7tgCdfyd4xFYIpVwjF/\niirJs8wdS9jt1WIlsn2Ffz1pJcuQoJpnkgBOTxWqjCKY9r+owIWCPRfMGV17\nJFRaS6zOuaLe0WNHfuBQsWQK7bat3/999gFJNGyyw4sh45TfSOM47ZFYfaXK\nd5ql\r\n=oJxH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbWg2gd4Yj48abbA2L8cStPcI942XCInROzbdrODkWswIgP1qoWSDORl1AeHT/zhGuIUqrRzJB5D8SWAxfIAWeJjE="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.5_1582513031611_0.7463329008580932"},"_hasShrinkwrap":false},"0.4.6":{"name":"vue-tailwind","version":"0.4.6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0","vue2-datepicker":"^3.3.1"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"e085f6e2c5e1dadf259dabb2cbb5da1dc46d3d57","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.6","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-+vpiCCeiH2CoHGamfBXnei3Uc4yYfok6tPBm/YNtJ1VzTOSJML5VtHveMFfCtTPvA9Hg0xdeVs32ktNqrbHInQ==","shasum":"c47ebab2b5545bbef85e666412f9d71ee701afc3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.6.tgz","fileCount":63,"unpackedSize":4866186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeYlClCRA9TVsSAnZWagAATSwP/iYwjH5mW/yPa0bneCcY\ni22YBNwGVrk8iJ4q4fUXgSS0szcOUo0JM0Myf5XauxRclxaezXph1T+yEp0D\nBEtASvln7SEpucEn4Vj8jb8lTjDiUzYKLD6DMc2rd4uSisKX4QzXcN0zpJmh\n7g4rKIbL4MDaJ2jp/1bExgm8Vk7oNXQ8OeX0pqBOw/DykylCFWCKnfgQ+akI\nWmqbXPUEx2N08Q3dH9RB1E7s5ibYExJttmWBvAvGLzq0otixbF9LqnFXNXuq\nKpFUXeOOmXadnGgPnx8jXGQnes1CE8NhaIKaycApQvvOxu25BZbJhgiDsIEJ\nPLPLnO1rOF7L3VgU7HCj6rvk10MmieZf7PmwsJev2qYqf+fI4LeswZ/9NpCf\n1Qs6d9TQOWvCrRNv0xFoBIz8bKDTshe573V1m2EPdUr4Qh7Ctryj2SOaWvZ5\no/ngfwdDQdJCxYTZQXTR59unaUmhre+RCmduNdIAylRyEuMfgxo2mf7854BA\nfuJKUjDysPl3QbgdQxM3xUPFFUT4ppcMqYVmux0VPod12oNOWp7o87sc17Jt\niFz/rtS4fQI/Oin2nPoxaEoSh19pDNXYpYUQ1sIhKIbxS0OiOQaIE5fahv8/\nd1iC6J9eELrJYDgPhiD9yn8HlfDlILYenyvf6rmryKPuytOpMsKVJbi1O040\nMJjd\r\n=GwiN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDH7ldiUU7UysP3sTJR11M+5uzwpJFFTfDFT92QnvT8JwIgFR7rn1PQbyoyLTOJEjvnQJUo1bjHQx0m9yF2Uh6Rc6o="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.6_1583501476993_0.8253380664027528"},"_hasShrinkwrap":false},"1.0.0-0":{"name":"vue-tailwind","version":"1.0.0-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"core-js":"^3.6.5","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.min.js","gitHead":"246668308c3f7c6677edba56c2271c0d085c9f04","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-iMby/ijiWSUS5dRhdGrG9EOjYd4z77nzDTSW/iDqWMNz5Xb8JuBPtoEQDa7R1Blwnz0DOrbincGiX/ZgLo5jPQ==","shasum":"637243c96ecf63e9b789170435a7a7dfc593999d","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-0.tgz","fileCount":52,"unpackedSize":3282706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewc2ECRA9TVsSAnZWagAAKpQP/22jI+haQPR33aLKa11G\nfoKsOazCFp7bQ6CWYWCixoJNqoRc+ueDWZAzL0xDPIbQimYXe+C9sjjwBd6f\nF4+eYpg5TmdrziNdN2Ptr3OCXZCgcLlDoP4gxzA5D4cvwoMGBueDJ5DCwnJs\niE474ejFEA2PY58w5tdGRdDXb+VjCCspqr/czQVdo1GcUtr6z71UuctlTlC9\nAJA/DJemTUiYa2KclLGfZOpOLoU9htw/9jj0QKrXRV5zv/pYfXh0Xhn10Pup\nPP7zl6WJNnrL2stRwnivvXXpqBZH2PY5GKUpTZf4ScfTvMcnzUlUiXwQoiYe\nycscvsVdcWS4rytFJzqkX3fCuB+DGb5t8tPA14yxMxOXtn79H7MzIrKqsRew\n+kXZkZr+y4ljSowXgG0w5fdkgOmc/t9w1XFcioDqKBQy0+wL3Wfx+t4hv+Z+\nG1kD2AwUC95OBPEAQedKpcx5JLmLQgqvDXFMR4YQblkQjfJeHVU1hMDHlcj9\n1GmWloPHCpUC8Xnn0kmlYhdr4aKbEtGOfpCdCApaa4ZV1VTI/CWX3/WZIFcY\nSy9a/XfkeTz4k0N0cyfJwtGUps9I7oqi2/7rXOitp/VFHou9vzz8W5a3ue4m\n/l1llGxY8uEep3wzyjS+Y0gtEjno5CuShViCjcS7JMTVBsPooouQXxTKpzFr\n44UR\r\n=Rgqt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH2Vk8e3ODWxDmgVEdIaxgTGq/gFxiphrSUfUXH0wHC5AiBwEXZn/nFXcnkzC9zbPQ/Fbyj2aJQpia1ERUlCChObZw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-0_1589759363634_0.4030502213066076"},"_hasShrinkwrap":false},"1.0.0-1":{"name":"vue-tailwind","version":"1.0.0-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"core-js":"^3.6.5","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"ef99d7b51b5a6b40385f8cafcad51d22f0fa5e24","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-r2QiWZjPqAPA55wYeE7FjqZGFiftjFVBXn6l6E2/NQgQF7rfVtM+BTEx1X3FF5QI0GF63XxXAnvSfvdr++i2GQ==","shasum":"3f61e660e9e269be06df71ec5430001cb42251a1","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-1.tgz","fileCount":52,"unpackedSize":3282702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJewzZNCRA9TVsSAnZWagAA+rwP/AvbXK+NHgdyQRWZAnjl\n/LmDRSBOuZ+Ytf3+rVB9kZAOh1rgQ1ltf77k7E0rsG39G2GyXxSg2MoCtrdB\n23MyyvN/V0Kf7KwTLWo90vz+uXy985zmfS8wvocAJiHYiiMrVlQzQZ1CAVsY\n8j4PgSBn+ypFk1c0CTth8FV04AFIeKtc76ltOwYeEXWvCAEYt0T03dwDwDT3\nTfhfZE5m9R+3+6DMID6pNj+gZgKd/6U/+bJVKQj3kZmRCyAiooHaeBap9Rtt\n+wFV1eZ4SYp6X3N+RZnecaXj+IM/DgUc4yqAJNVmt6dJlGhWc6RQ+U/bgrYA\n4Vpwo4EoZsSbl9J9sg5BCVLlUWmOHmi84U6STZTRaulGlyVmrIkT3oMamKRm\nphUPIp65oRZrtIaNntAM8nVmEVnnMVk8Pm9OPVjkojyfao/EMIYvPostSwtu\nZ060mmZVjtoXIAZ7w0d/MfNmjrX3P4UYjkS9e6rUP5F8YYlVBrOoZA4GSdbe\nAuxSOQF1QAbm+mKOUuqVeqAQNrkHvB5iWqAVTquiW/tjHIghBBku6msH2Pk7\nKByWMIiKBFoN6K4Pk3CE1HqFIYI9mmRkiSQqC4t90U9L9kdl0oRpkFS6XlOR\n6sKtxikQF7Hq6MIo7j+2IXJh7q0EhnVjj/sWl8TVplxwR4gHVFlqOIwE3+yL\nnn/U\r\n=GTGl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICPHJoLXF4/gNcZwj7WMjx7KkxQeu4vIcOw2JVfOxaZVAiAkoxIM1+8mP2+LR2MCEP8BgY/MXad862cSH+y8CxPfyA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-1_1589851724924_0.4298975092590571"},"_hasShrinkwrap":false},"1.0.0-2":{"name":"vue-tailwind","version":"1.0.0-2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"7bad0fc47d257ee200ad6234c1ab011f53bb1bda","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-2","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-rT0SOfIqF22oKpyMuLj+Tz3NQYxa7wluvfdPsxbb/CWANaY1vyQSHurvmIi+v8Sj1fpA7ImM8Fj5x3HM2uVKaQ==","shasum":"70164b03a9087e9b6c1e6b2892ebbe37da5f5f5a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-2.tgz","fileCount":53,"unpackedSize":4315045,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexTd7CRA9TVsSAnZWagAA0P0P/iQDBEmzVCrPU42m/dX5\nUq8g7MqY4AZsgSUK/bMDO2xvYGi6jj55b5pc38DoUegt42WlOSxj7lmwu+MA\nVoXTta5NnU+uaMUDXoAd0cSnOalBu7st4fdRDdiagO+VevoXd+eCtbWx8a13\ny4u4Er1WZ1E3tTINykrUgEfhLoMZ94B0M6xrV1azLdxTety0+z4wsUp9bnkP\ne9hdnLXdOeGKiTTLv1Eg7iPnrngpi0uaVSwKh6UIgdk/M8MmjVG1X20fg/DT\nfygGdju2PcUkh8aSFey9obGmroQbWTekFy0IjRGNWIZW+IxzATylabz5NVCJ\nR08b5n09W73IQ5JpA34KjH8EBYl4KiszC5HjoBXyiXQiNUTPUcHVPMngjHm9\nLMWJJ8KR47wNnwCpMTA+dxg0czKL0IQCGxNWwF9OC1LJ05+MgLSK8SGe2RwT\n2VGXTeeK6o5DsqhqjoZmGhNDEWZMCCc4+Ibr71xBFvSLOhkNR5Tse5P0b/IZ\nErGiIr7Va2DIIv52JW8VFPgo90xL9zml4AlrTimVWCzaKDUh9Qp34UXJK8Uf\n0n3S0F8b9WBmIZPEVuR6T6f9NcM9fgX5A+yan3jVDzR2OJ74kBnnK7V6EUXU\n1+4NKhsBI/sLL0Ap0YLQqfFakheKC9lskIqyZyeFQYmsFb/T03akiXZLETzc\n6w4h\r\n=m4ei\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGYJYAksruPwGPb89f+WZS9Hnv0vhBdhQB3Suuo9rJM1AiAb1PU4gaFUdHLsxMdgyGNM3fwfM4ygy9BGJ2VU+BbXNQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-2_1589983098894_0.8618710894108887"},"_hasShrinkwrap":false},"1.0.0-3":{"name":"vue-tailwind","version":"1.0.0-3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"6f3d63ee23e383a862f53ba8d8323efdd7896e69","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-3","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-4Fa6QoNC7QQtmj36Djuen4znallds5kpwANN+v41YrAKejAJdNQJbQakzB1gCjCchjffr9rTnltZlggShuY4jQ==","shasum":"366ba1325282fe32732bcda35e3c7052a1eaade5","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-3.tgz","fileCount":79,"unpackedSize":7773142,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJexvPtCRA9TVsSAnZWagAANi4P/0W3nnjeUR2y5q3fK6Ip\n+OO/IQsHh6XXJRf4YNBnd/JMMj5nzhDstiT3Uo2S8sFpOxa4AunKmEIepci8\n2AuXvQKXvbd66NYqP6OzkvdPhgZf7eVJHdLzZI0UV1rL1ToPJEkNNbZCZx4j\nNZhfUO5GWJb2r5MTKxV2pQy0ukhUzYlMaSiGsr7jmbfcS+HSH2sSxDOSpK4f\nCl4WM1LzwDb1n/rkXadH17N7SJX0logbbbXT+h79pj/QSsSh9gr9u8Tp67Hl\nVKXiPPkefAmqLyz3iN8Xrmqi3Ita0LGH6bIbpJoxZJ/P0qHPrSEnEdxnUFX+\nHoic5pp7kJtHWx8pVciP2hd+UINVOU0BuhcxUvdpui/qr7qhRyo0HsVMpoxt\ndXZVbmEL3Ww8GkL1xO6/QrQReCkYOJRotGl7cXVJbfymTE0zbCjSGLo6+mGq\nz/1VjPLEeHvO+3Y+U6wW83g6OtZfuvqb9ZmK7QNZSV8lprCxmqVZleYVdgc9\nmHHt/LvhYgMw36U/o5w4L51nzDQpZxRKmSmpfotKigi0Lemis7OZLeXBKUYU\nKVEpUO8FaEQFT0EpRT+Synp5QLA8KLi+ILrIwySRtd4S2pZzFtX0dypHkcsh\nPPbONXElU77XuJE1ekNBhwcAYecd4c9ClA+dm2iQUsolsvKQBLHfaH4rKFoq\nKmAa\r\n=ZnZu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID7j/4RTFBM0G8ZclRXOoQIwz9gIOtgEKVwpjy4/rWpeAiArgN53T6c/u66j0GoV0sjIcGkLbdiQrPXI3e0kxzTDHQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-3_1590096876602_0.5913845942292244"},"_hasShrinkwrap":false},"1.0.0-4":{"name":"vue-tailwind","version":"1.0.0-4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"ae26b3e34d427cfd189418d2d507ab6059e17a81","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-4","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-WkBoOYPAQhzyVi9u5fLH99qP2eq8ezm2UkgqUF1ndJDJiXES2jnsZ6oT3Gb4ID3UnumLltA794LHKiazYRwdoA==","shasum":"c3672382d1335f18fb24401346b0cebdcb227001","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-4.tgz","fileCount":79,"unpackedSize":7892303,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyEeFCRA9TVsSAnZWagAAcOQQAJSVUk18aXOIzEWIKT5e\n3lMvvh30CvqHLXLNlOA6tYae/7oQzxR9x/nWc76h5wwmLd9oVIA2hm9KRdCK\n9Xrl52XqiPZyH49GHq9MOjuKtEVtoWdItLaNYTzX1YiWQJxUGgKu5kmitxAm\nkamXSog3tcOfr9ZbDvi+atH5vCedkx8kEEV3orOPQO10L8WdHBjiVFafbHTu\nVfrkDoTufbDm4o883NRZsf02cMwqCurl+68p78tuPfq+hkdhiW4fxSXq/REI\nWLNXjkPWwiTHhfUXOUhwg/52IIVdihR5LMBsMy3zPQhcaNyGpH1ND2L2QUk9\nkH5adrVgkn3MJ3zgcDanENfftS7Qi2k+UNFIbmcQ9vOeKjnEwrMXU20GjBik\nPmVCIlC8Ue2jIbiQCtjkOmbJntDCoYcEMXqadRh1bBleKdmBQVg40UNKgcOp\nOUJBtYFZGHYx2EaOO90fQAtGr0CpNjXc3Thv8X2QMc58jgm3psBUiv4TegfJ\n3UPni/tI2le/KAi/q/NvkApR24yPZs+WVJ4vntu7zqI94rBmzb7c4VcnsiDG\nr0KaRMFkr9g7Bz5qUvlowlYg9v+B9Nct5jQgDpS3O+yXtHCXrCpsSOWkjDwH\no9XqB5lcxbivTL8xz8XutRWRbjpJqs1kFuISaYo5bWKSTsnFr6ce2M3dghJW\nIeg4\r\n=SNaK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEs67SHKN7EctLVvJqVSA5OtE2BavlcEXainGqDxCNvAAiEAkSqsnmAiux+Ol0zXZ0I0DUK04jsdI/69Gr0+keE0Zew="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-4_1590183813205_0.6024031371855418"},"_hasShrinkwrap":false},"1.0.0-5":{"name":"vue-tailwind","version":"1.0.0-5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"f22dbab33a8096e7c0074af8a592db1caee6ca0e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-5","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-aW5xdtPLz9fxt/SVlPLYcd4rLprv3LFZT7qghp87/i4LAppXuusampbeC1AceOmX83BaR2buzWZmlHb9qdcPBg==","shasum":"c5c491bac8103f3106e6955d6a182106effae928","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-5.tgz","fileCount":79,"unpackedSize":7891191,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyE1ICRA9TVsSAnZWagAARb0P/Rh+mfjmOQefy0PX4g1U\nwgVSscqi0oHvjR4wfI0RuGriKpQjGPGB/jk2pfcQLZs9+22o0jpkOFFRwl5v\nPopB3h6zhEmiFYc2HF54ffDWbwl/fO5qhJ6Hilko+VhDuke5PP6BY78VzW9h\nhMv5OREcC8vxa3yx/J9rDkOdtOQiIJWtAGm2zq1jMuaLFoyiW/YMyGT+qceR\nWeyZDxUtdvjL0s13jjGc22zfOp2RGlp4K/5wtqZgGePKBmSpjwClqdPoq3fE\nek6MLD5FrIZZjHuCHVY+CehASO6Cw0gmCt0NISlGifGhM9x2b3qLgZdnyGjA\nko1Kx/xY2nHv1yD2/y3oOj8sY7nqykOZjrQYsuQoaXanQzQMLjI+3oqp4PXy\nOqKkZF+sPHo/MahrZVGzoPFxM/A5Ci0z7SUsd4DXHGq5Xusnj1q5LrLCUzNK\nvhj9AsWvbwanKSY1/9kwx/0NjyjfNbL4GNOMJ/7kCNzZzHw+fT2LnM4f37vE\n/U7ueKpYLgIJtj/7kPJJnYHCpWXxGCk12latrjoX9OgKmoIRQ/o/RiLglv7E\n4dkUXr/Qa+kmd9Y6eesbwYZ4+QYBH3ZU3n95nuMXEaEtiru+OXDnC+kRmOBH\nyF5oBXkFzyvtxGCQ9v63/IjMQ99ArzFKP71NIbI0JfcYgsODUikeOx39bYWx\neTQS\r\n=I+nF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC2nHdLtqwyVXosJ5/mmBo3pd4E+ckkkYh+7kK7iRkaUAIhAMLgMmA797TnW2fHsYRDXsMRlDmsxhym+P8rE/ik/trT"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-5_1590185287621_0.34408563605272"},"_hasShrinkwrap":false},"1.0.0-6":{"name":"vue-tailwind","version":"1.0.0-6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"69c39cf3a22217431ae8375dd0ec12f4a6f87528","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"readme":"ERROR: No README data found!","_id":"vue-tailwind@1.0.0-6","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-TU0wMA7JDEwpgBpm3KxdzaIysjgcd6U0qBjsGvgn7wFiPBlWUXsW7UyeA1uty0zFCxDAV8XhpWHXcrv1GTUE3w==","shasum":"72f64e36587ead6e16bcaf536c786762aba877fb","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-6.tgz","fileCount":79,"unpackedSize":7892854,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyopJCRA9TVsSAnZWagAA5T4P/3a8jmmvPRkHRF+S9YHd\nndjZS4/Qm8GIKVw3BaerESqQVOfqKwFrlXv/txEuSZpM0668KkU9/TeAdx4i\nfnaC8tf5KSt1TpDtxla4EWyaOcNFwYTVTNv724yjFULpLB/0lt2hmm4ophBp\nKY18bRoglvGZb3uFgfvBItgmEEHBQt9PP3RWaxZ4hztHPdeQZEXtJIVRkCC2\nnOXQMMA5GSo/Y4t1oxyi+xwcDhYwxu+fAlmxEMZWl5t0rmGTXSYJvDDsxiOe\nWH8wKBo+5XgEWQGZJmts4dX/R8J1szKDgIJvwYaPad8S2wRbAVgu6WHhRDSq\nz7hmy3IqNy7dpRqjU0FFem2a3+UUMK1PHRD3pqHhaUBK5kWumIhKZtGxROwA\nBTEoIomVlCSXv4GMCliRdYUI7QOAtY3L02pDyBXsvM4CQGdM0iXMaK40IpSO\n7DoTke+OMjVe+50IywSaLi0kzigT8KRdzZsiiUlY8peB/f8TaX61Ahc3+f4y\nehFgoHx5R9eRSvwA+FI+y5Gc8bmZnu4EwdECGwvqYG+ZAPxJBGoKGkzDyC64\nDuaw0vRcF7+RssjujGZgLsoCH/pRqLQJ5C7xEbQI2iLMTkiSEpPZrgfO4dt5\nwfnrwT3jc5jWsTk9VUIod1mXqmxtJQOxeSGCU+4M+88+6KOcsWYqOoiTJ3sZ\nPcWV\r\n=DdMS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCxDHLlRswO3oTmsQzMWj3JP8EvQhcCjdcnOtMuFNV64wIhAIv8x2cTv4mZ8h3nGfO3T00ksXBqp+8XhhCKzlCgq68m"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-6_1590331977023_0.8788143527481866"},"_hasShrinkwrap":false},"1.0.0-7":{"name":"vue-tailwind","version":"1.0.0-7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"yarn run test:unit && yarn run build && release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nIt uses [TailwindCss](https://tailwindcss.com) classes by default, and all classes are configurable, that give you total control of how the components will look like.\n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n### Roadmap to version 1\n\nEven though some components are missing, I decided that I want to create a new version of this package based on my experience in the projects I used it.\n\nFor this new version, I will not focus (yet) in more complex components, but in creating a more robust and flexible version of the components we have:\n\nThese will go to be the main features:\n\n- Rebuilt in typescript\n- Avoid (as possible) to use third party library and focus on optimizing the size in the bundle\n- A better way to import just single components\n- A better way to define the classes based on dynamic states and a single prop to define the \"blueprint\" thinking in something like this (WIP):\n\n```\n\n```\n\n- Also considering create separate packages for the more complex components that for this version could be based in third party libraries (date picker, rich select, etc.)\n\n## Help me to grow this library\n\nIs this project helpful for you? Consider sponsoring me. I have the goal of me able to spend full-time in this project; I'm sure I can make the best library of customizable components with a little more time:\n\n[https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind\n``` \n\n::: tip \nIf you using the default theme you need to [install TailwindCSS](https://tailwindcss.com/docs/installation) first\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you want to use our default theme:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border` instead of the default border, the button should have `more rounded borders`, and the primary button should be `purple`.\n\n::: tip \n\nNotice that you don't need to set all the classes settings, just the ones you want to override from `src/themes/default.js`\n\n:::\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n // Notice that this will override the full `baseClass` setting so probably you want to keep some\n // of the clases and just replace the ones you want to override.\n // baseClass: 'border block w-full rounded',\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n}\n\nconst TButton = {\n // baseClass: 'border block rounded inline-flex items-center justify-center',\n baseClass: 'rounded-lg border block inline-flex items-center justify-center',\n // primaryClass: 'text-white bg-blue-500 border-blue-500 hover:bg-blue-600 hover:border-blue-600',\n primaryClass: 'text-white bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, {\n theme: MyOwnTheme\n})\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n theme: {\n TInput\n }\n})\n// Or why not define the settings inline:\nVue.use(VueTailwind, {\n theme: {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n // ...Default config\n // Your custom theme file:\n './myOwnTheme.js',\n // Or the default \n // './node_modules/vue-tailwind/src/themes/default.js'\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to reduce the bundle size by importing only the components you need you can do it by importing the component directly and registering it like this:\n\n```\nimport TInput from 'vue-tailwind/src/elements/TInput.vue'\nimport TAlert from 'vue-tailwind/src/components/TAlert.vue'\n\n Vue.use(TInput, {\n successStatusClass: 'border-green-600 bg-green-300 text-white',\n})\n\nVue.use(TAlert, {\n baseClass: 'border-2 p-3 relative flex',\n})\n```\n\n_* Notice that you can pass the classes you want to override as you do when importing the full library._\n\n_** Also notice that the form inputs are in the `src/elements/` path and the components in `src/components/` path._\n\nYou can also import the component from another custom component but in that case, you currently can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```\n\n\n \n
\n\n\n\n```\n\n## What's next?\n\nThe idea is to create a big set of common components using the same philosophy: Configurable elements that could be adapted to your project style:\n\nFor now, these are the priorities, which may be subject to change.\n\n**Basic inputs**\n- [x] [Text input](https://vue-tailwind.com/elements/input.html)\n- [x] [Textarea](https://vue-tailwind.com/elements/textarea.html)\n- [x] [Select](https://vue-tailwind.com/elements/select.html)\n- [x] [Radio](https://vue-tailwind.com/elements/radio.html)\n- [x] [Radio Group](https://vue-tailwind.com/elements/radio-group.html)\n- [x] [Button](https://vue-tailwind.com/elements/button.html)\n- [x] [Checkbox](https://vue-tailwind.com/elements/checkbox.html)\n- [x] [Checkbox Group](https://vue-tailwind.com/elements/checkbox-group.html)\n- [ ] File input\n\n**Rich inputs**\n- [ ] __IN PROGRESS__ Rich Select (tagging, autocomplete, remote data sets, etc.) \n- [ ] Date/Time Picker\n- [ ] Rich file input (drop, multiupload, progress bar, etc)\n\n**Components**\n- [x] [Alert](https://vue-tailwind.com/components/alert.html)\n- [x] [Card](https://vue-tailwind.com/components/card.html)\n- [x] [Dropdown](https://vue-tailwind.com/components/dropdown.html)\n- [x] [InputGroup](https://vue-tailwind.com/components/input-group.html)\n- [x] __NEW__ [Table](https://vue-tailwind.com/components/table.html)\n- [x] __NEW__ [Pagination](https://vue-tailwind.com/components/pagination.html)\n- [x] __NEW__ [Modal](https://vue-tailwind.com/components/modal.html)\n- [ ] __IN PROGRESS__ Pagination Nav\n- [ ] __IN PROGRESS__ Dialogs\n- [ ] Tooltip\n- [ ] Progress bar\n\n**More features**\n- [ ] Table filter, pagination & sorting\n- *Send your feature requests*\n\n**More**\n\n- Once we have a reasonable amount of components, I'm also planning to:\n - Create some more default themes\n - Improve the documentation with better playgrounds\n - Create a theme editor (And maybe a \"submit your theme\" page)\n - Add more features to the components\n\n### Changelog\n\nPlease see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](../../contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"63b486ce08c4589b6cf1cb91f259c6ab0010c2d0","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-7","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-P6lVz5VK/sKjxlx/Bqjre6qF1Mkvw5GWEUIVia3lbsFhq7Jy1uPcUzegDiGoSjr1Aj4ofEd6aiEVkjMWNJNYLg==","shasum":"c47fcf59846fb708a7cf2a6513313c2e7eaa4ee8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-7.tgz","fileCount":80,"unpackedSize":7904992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyrgQCRA9TVsSAnZWagAA6fIP/0fQ2IVZvp2APyBXFsg2\n+bnFH9FsnDsULrXxXNSgat/L/a6toCDXsWuOh+JREsuQ9eNf1JCLxucErR1m\nKod2GkONE7Tipa9BqzvPH8cCVqp2ammgynGOb6BnFZsCZntm6xlUSUN76w77\nHF6XbgIi10PtTq8+6lDDeGXc7eFGO+F4o3w/PpB1Wa7duYLAlLRF3nxGd+Bx\nNZx2cLE7Ecvhn6+D2pK685ElTc4BIjmfrb5c9y3bCCEihMdulGMP+xmNxKl3\nX1atSHDjlOZWz7tS12ncR5ArbGbkwLxC9DqA38Z4ua1O5+N80CPBDYBY9+8t\nK2xZnxCbv9ubLLBBLFpRZG0Xr/UG8Ns0cblv03Jp8M801NTfbmZHgGFDgJxc\nTAJ4Ty6f/CloZrkHQEWX29CY+CtBFOdrYqF6gT91pxncjggI/11K6nQZNQX0\nq5fnkNAu66M4w3yDTVuleLli+6dwD5iXqo6vqSIe5/q9VkqD0EC/EUJbESn9\nd9D5XqgcXnDtppII4kU9YnXPyknw0FFqTb9cnl9PX22V9jFGlJQ0MoBPgRCp\nEhD7mxnWb3LgIDWBcUi0gUECA+VOhOnlIxjKQlc3NUtn8F0IqtSXe0iZjRMx\n6O+Fk1Zt5v9o7PqdumxL0AQVGGiy4eQWjEf2GrzLnaFcq7KTHAETyKgxo+lw\nGvTW\r\n=7z4q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIENS9wBCHM3Yz9KJG56AeuAAwvUvQZBe6D4YH30eXwd4AiEA/0SfJ9glbZoXwz0Fi075VS4V2WJ+c02lmQ+8rU2AcG8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-7_1590343695799_0.4122363683877108"},"_hasShrinkwrap":false},"1.0.0-9":{"name":"vue-tailwind","version":"1.0.0-9","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"9f53ddc6465f27ea055221cbec760ad24a92ad90","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-9","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-4/603aCvAtkmd40gkwg22bZoBe/TNhdRKN7x3ouAQxRyzZ4HbchwGib412VjD4bcJ1C6/YHMAAWiZWk3c01ZwA==","shasum":"d8771feaaceb80ab74d42c94d04922960d09c590","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-9.tgz","fileCount":89,"unpackedSize":8954259,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey+AmCRA9TVsSAnZWagAA3FoP/29/VjZWDf7auIT6LEFA\nvaxic20CRataM06fUbNSN0E1l8ouIR3klmJBCIpTtSnvTTlwKarAEn+P/rFT\nSavCqQs8HGFAzLQy4v8kdEPkrK37LdQjyJbQa8mN/HxLLtvbJXUdDlvWfjKf\nOIYcw5LLzZci9jxX+pjRLsMm5ZR7TW9X+xC43ws/QoYLo0cFoygXzKzwi7oW\nktPhA8GXBfMVfJ9xpC4D/tM86AhfN2xsOQo9G/Y8ObfsxXuRUEHJfcToGOh/\nxlrHn3IzW+XV0SNhHBdONOr2uY4YcP2UZWuR8axCUUxBEyGq7wYsuKe4XXCw\nGqp3LSHANV0k/KjJ4uNf37cct/M3dRXFyp+Cw/gwGNHA+eIbI8RA9qU0dp6B\n+qWdzuZ/d/CJEH5KQbtMhw6anHaoVFfQddbAk5ydkRziKiZfC4jGE8ZuTVGm\nn9nrff8ik3WHkK5cmHf0mmjQMTEeC5K5zf8ai9nhDclOsoluMeqJON5PrQ5D\ntIJIwW2uU2aNKUfJEYkvrpVAVjjpPUlSSpuITPzXAKh8O+wbseSYnSKrMbZX\nni7zxRWcd2jbguN6BqPDznafLhlsFyxog30cdU51ND3FpUAKn38a5uL3EcAP\ndd1smsSyS58uayVED46WO9+ScxCCHuxFQRFkQPcME/cdf+n++fqILsGdjsCt\nYkd8\r\n=dbMY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHTQnzyCbxgr19vKpRGMJrcLpgeH2c+s1369gDN2DhbYAiARvLbdr8q2zKdguoN5Ih6GyaDmm/iTXBXj/z6MpgTewQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-9_1590419493616_0.8014259382442763"},"_hasShrinkwrap":false},"1.0.0-10":{"name":"vue-tailwind","version":"1.0.0-10","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"0b10d7c5507baf94e296e39af418d7d161a7df36","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-10","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-rjPjpAvY4zyzZIsPAb17pLFH6h1UKxjUNS219bFhbrOIyOQgqMCkWatjKxwbxF8cbUv9afXsRpyhVy7Emv1z7w==","shasum":"9c6aef3341187f318139ab7d266059f2ed1ec14c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-10.tgz","fileCount":89,"unpackedSize":8971049,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJey/N5CRA9TVsSAnZWagAAwEwP/2rEZ/61XNd/8JHfDwdk\nNh+NoUEEvzgTOqSBlXTlxg0ITOBKAz0lYQ2GF603sqZuNXMFGoeMawlMw3MM\nLOoNuEf3byv951QhCmZlQcvkQSN6P9gPqvwtG3KlVyeko0PtBOj7XYWXiUlw\nTDt4FSDhIm579MUn2g9Srmr5spTYxhkCBpWnpCIJo90CTJ6B6SpHoqdxCJHQ\n+HU3xM562JGlsbdaW8sL1jLsQiwZNhYs7GGqaDDlsT3xK8yn20fJgiKsi6if\nTDlcFKgBsGOHwSv9QKMI+k1F4+SQ/W9+fIUUkepQwCJ3HY0SRZAGzVcs+rQ2\nP2a9AitSTrv0h7f/NijpXUMxDVUGbECSqwO5m8+csqTN5GxCuh09xQ46y++6\nOzz06slt4yQJTgswc+Y0rU/Ppi6xYN5MchGZfTTKScQaUitTDJ96inyKyrRv\nnyuzyirAjaeRrQPNyzt16waZA5Ow4c6lbKIT95n2tv+MEEUd+tDHnNdpKU5F\nDCot9eISb0bXfEkJ1O9wpHrR4gXPgNCAixRxtV3tWiCxb3TKNYrNJMqU3Aon\ni9hmyhoj3Gi37eBK+kV+TLqPeJeYRV97CMkI28OTOcE4b1Kk1q8KJh0OFecl\niKhEROWyF6TAmr/Tw2AdfwquGJKuQaq9JHcbjcNPLac9cojfP9p62HC/k4OH\nS2Z1\r\n=5VJ0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCNKsRZPrXsSYwFtQKZo5MedW6K0tbQ4t/6CqCNtc666wIgdG2ftFSYz2WfIR71p7mrhn9dawwSqS/UeTWe66mHSUg="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-10_1590424441050_0.5097499514508761"},"_hasShrinkwrap":false},"1.0.0-11":{"name":"vue-tailwind","version":"1.0.0-11","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"85b8720dc6c5346a6acf1a0b2de78cca5143547f","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-11","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-G6QmKh3NPQD8XDcSvn3gCHl3RH4G7A2jCEqjTbqJb40tAf1wLusCOxuFqUndP+eASAqms0Jx3nBXrtv+Vhy8+w==","shasum":"30fb725dfa419e7d24cee846c3b50c4bb92ca805","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-11.tgz","fileCount":97,"unpackedSize":9923564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezAd6CRA9TVsSAnZWagAAnOUP/iiJXpjrDUDMHtemZz7I\nSzaSybBJUml73XVYdf6xoKpgC7scgJgmuUVurw2Pkou/YT2QnfRkoRnAHa5t\nQtPnposBWCNS7bp3N0TKKGep+8dMrjBa+27fRHL6kB/uXbayF0MVi7j2r6eO\n+7jri7Ih/Jipfm/QsukDfjZvHGwfprbfan2PX0QZ9J2rPKJ53yT8P9KR4oIO\nIamMBsXm4jlPRwquvMnSPHNZr2pNq7+6Cpxa8sb7WqJPlGiCT7wMVRsmVvjU\nm5TAIx8Ta2PxnAapPKlHdojlU54+TrqwKD1i6dow7pWFuVHn3OofpD+nV6ij\ntjAaAWBIX1RUPf847kw69EMuZN6wmP3qNFtIWO/TSXyT7JZFnu1P+5kBNBmW\nszpWuvb5ORRItBAsdsyGCVK466M9Dhr/pOI5bPLq+eyYLiiHwPmpWeDaeRqx\n9dN+6rxAIPKoeGMZdyxfRGQtzWnTLsMjJbaQiI7Ch3g59HAVXaRHL9QOsDcP\nIXV0k2wE2Te9vcljowirgsJZrsAyb8Y7RdZ9I+6fAArfPGWXWcC0+nkUo7ve\npiZSOU601TEqkOAfjDIwJk//ALhGaxjzKIMYgn13Wx5X19UDAwHhvVIMUmLc\n2FFxe6CQSQMm1kePBwrIPl6ztgWTMbtWu3tSFToVb6f42ve3tSS4hTIIGtuR\nEaZ0\r\n=Ed00\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDWM3E5tO1TkluaYgg0TqSWx+K2y7PtPFY4h60MGWKJTAiEAqVkHCwgtbDD2jTz5VrgePrX1l/82YjTx9mDS4zAcCNs="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-11_1590429561755_0.4928178061359163"},"_hasShrinkwrap":false},"1.0.0-12":{"name":"vue-tailwind","version":"1.0.0-12","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"b88144ac3454a812c4f324a8710187de9ca5c2d1","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-12","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-I2q5h5z0FU4XNB1azBy3ic84CrH6XaajMX3RV338O2kxTseEVH+ieAqP0IWjL0BpkKt3388Qlk+HzysSnNm10Q==","shasum":"a06c70c9849564e4acf11bc3a8c3deacb01ffac0","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-12.tgz","fileCount":105,"unpackedSize":10634654,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezCJyCRA9TVsSAnZWagAAi1EP/RYx5/zrDohKgY1M3C+4\ni17FDHPdYCbVrFYZgyHp2SDmqG9RAD5tXaVKepk2oBT71W9Bz6P9mLwL0STu\nHuOv9epur5eq3+V4gk/ry8HWg3PUUk4GVmCOZcqKBfgjIaznujz9MFJf6Ph+\nLQxQRuq92LPZIZcAb3c/3huH3HwCJW5waMS14LimKfB6Z8uknCnHx4c0TpaA\nk02K4UQ4/GPKB6Tg2JxAeqzz3fMqF/Val3cpsZGB0Xjg8G9mvukyO2hywL3b\ntwxIIGXR69zDl7eo868jD04zzGkzMIenu/fO57mNmlfImQ7FTil+Jt7KR2IU\nCvyDScWAaKtB3o9wEm/RV7EVM74fD4+oqmtT6TI041n8vmLQtD/r0bblJRe4\nMsibolNh+PJrae+b25O5WxE0vDZwd0X/trNY1ru1lTB7guuKSUPvl/nb7tmh\npq1Z6EUfHekx8YT/qacdR2eMsTFmIxzw0ofU950w97YrMoyKSTp+b5u4icwz\nuGQfsZs/hoZbXrOi2+67VrB3dHFgh2//GITiwv6N2vMhg3+R6+tSr7ZjHlQl\n05vhyKTQLl2OXJtgsaNqzXnzChbc6E5meD1ZLjt2Tb50vtd9w3/xjvn5lARp\nRCKFirnt0zQ2r8J2Zld4B8mUklDOg9x/JUu2K8OUcKiPsJObv5gRGlV5Z2nu\n4PdJ\r\n=gXRR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaJaK9M7qzlBjyng0gQHeFGPvQprY0obqnsItd2wJeHAiBqQWsjidrpvO1OrlJLilD9dzU4xMQqvbUMF4sAmX7g/g=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-12_1590436465914_0.44162755918911123"},"_hasShrinkwrap":false},"1.0.0-13":{"name":"vue-tailwind","version":"1.0.0-13","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"61a1ef52e378745db4e74a1584c62e53239818b9","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-13","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-5pxAx08Yw/OxxdYDYWfPM4G3KgeIEu0Pi5IjyVnkSmLMdHmRm/oYxjC3WGeZp1cxnF6pZFIESI5DKP/n5oATVQ==","shasum":"d565d54dc1f7a2a8cdfb90d0791c54f8b47bf793","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-13.tgz","fileCount":113,"unpackedSize":11742232,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0FA0CRA9TVsSAnZWagAAg4YQAJ7DOorJ//CiFsAwScKR\nrEm0kq189Hnyi2V5QRvFX8CdByuxm6ulE3NDG0+vpxhKdh2t6mnxM4R2weYP\nVKYvR2crHtNVk/Oslsl1Wlzr0xrs/oFZnxXQtsXqIZOojTWgdg+mSb5lXrmW\ndkdeZ/DN1Zh588vYzQ/AqkWe+wvSg5/cjL+MzpKn85aIqaeyNtKFd2jzvnz8\nlQxcDpT5WoIbtfD96lOZ9ODNuQK8PWfQJLV8NllKx8ebAQGGPjDIBeuszVgQ\n6eynEjsinqiZ+rStJNUzAnh/2rsvO4w13HBunuoMraZ+lDbAOkjbLghLLxtP\nsC3mvSSCghRXN725R/sIZOIwdEnOTrAhV4me84OV6PVglAjJmL+xPQpRlTST\nUqKYbPzZ+v/OQSCNSVC4WNLZETRtSRWXJXpKGJsiHApMM/zcqlIQ0irBJFd/\nzNwzTDbEC8vNfCB4oeuPI/KKQIUp4U2OnuocA0ZdCrgUk+574rUPKfmAnT/L\nLsNnYBw7m0Q53N1qfQuDb4xkobrJu1VDFIVuDR/5k6sd8cgit1AIllp5ZSlh\nlCc/eTtvgt61SXnA9lIY23FCnMSaqXHrOtTu4E/K5HSolq8//cqNY1M7E4wP\nyDsQNmvH2rSsoJwBZafzJtTlMJcqu5uUa3+9dGR/QYMgi0Huw0KgNRSztwv+\neUQG\r\n=4lqi\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCP4ZQHYGpsMM4/RZ6O94qlfLb+KhHEYZtX/QSwU7F7cAIgVyGNH6nDxoFpu1kv0aoaEdfN8bNntUnMOuHtgSOFs1s="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-13_1590710323834_0.5470806982399579"},"_hasShrinkwrap":false},"1.0.0-14":{"name":"vue-tailwind","version":"1.0.0-14","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"b021af356569dea820d3752c15085083b5e4dcc5","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-14","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-XVzSTjgObgEMkcLuxtCeaBK1Ves4jfV4Jahv9Bsr17WSgCZoQGDBvcY+6V9TvaDCLs/NLBUA94K4uef0BIDJIw==","shasum":"3c034757341bf52f53867e072ad397648b4e1ad8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-14.tgz","fileCount":113,"unpackedSize":11747847,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe0FLFCRA9TVsSAnZWagAAW6gP/iPHXMx+IvU4yBH7nkgW\nflxJC4SHFi0PK9fY91Jpmy6XPATnA/azDzpgDxCNs/oqXbFGH1qVwPNlqrQg\n7BkBNGZ2r/bb+NxGra9MS49g+7fPOXHD12GhYSNqc22TN0mjXgydZ5x85KfP\nZ91HPDYHsHCrLCKQ9tlwcwUXRLrniElxEwmHO0wVzvy4WDZoEZVK30fdyQgb\ncHKCb1LQoW3SgRr3/hTshHfWED4fHqPQbOIDMJiblW99zFkods4c7O0SNwQy\nX9LnHLrZ2gllFaezzvWHwEgd5UrH2BFF/AFftQ7hAsqcxL8Q+VxYYglEfkBJ\nYXVt2GIGqQmvUiY7kTSR/9A7zFWz83H9wU5wMDHmTpsj7WvHPnjg7l6B8XQ5\nCNv7m2t9yD+byIs+p5/oRRTzQI6wDCfKoLPCVbGkoKGOlVWbV5BZV5cgFWh2\nCldPpaqQxvW4q41ks83jeobxQlF92HAnlMlPd9GrcJgqCHCNjSPMhgrSSHo2\n8PHwXcEshIO2XhS7hc8KWvFBkvAWADB7pQUK8D+/rWDvwFH+wm23k/57IYcE\nAoSO8cSMOfmcg7T0wRBEkQQrxvxzGsyS+jpYEkAMFaOEZJlqZ3/rEXDR1GnY\ncl+JzdDHwYy0DyaSw6Obke6EPBZF3V+avOnYGypiwv5oRr+0+lzWBuhu3dCO\nRK4s\r\n=PsET\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDG1rrJ8MBLn66vw5dnKy47k6zhGM4JxtY6g2VOkVgZsQIgeIxqF0BYDXz3fysgbucIwM3Z1Kj/yuUmrR2biqX0nis="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-14_1590710980891_0.6864834009643841"},"_hasShrinkwrap":false},"1.0.0-15":{"name":"vue-tailwind","version":"1.0.0-15","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"f4799a1ae3de1a5186ea257cf43a3058c9f44f0d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-15","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Ppt03CLG/rlBKM/8qIu+0yAqUoaMYW531epmvimomyxYhLlCH/xrUFQbxXIBu0nIz8qjH/2ZT2VpLLX/lH1nzg==","shasum":"407ac26be78f960011f980770d230f82c5458398","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-15.tgz","fileCount":125,"unpackedSize":13786945,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe2rvhCRA9TVsSAnZWagAAasoP/3hbGXYbbK2i/SM5RNct\nEw1PbLrRepBdbPq+B8/IU23CI6XXd3HZdvZ35F7nornnc9rRlw6t5Pulj0ef\n7ag53DyYf+lRxP/ySvDnWzcowuQp+UowMhq0o8w/RM15wb9LtyfYB8PqmPZL\n8GQ2WaQ30dL620r3jfGimykf6AZj18+jOird3cNZF0Ggqfx6B+NoF75sPBQ4\nBIsrdQhH681RcveCWsqPoYyS3H/BkDQkP7ULvphv91hfKavAkOpEqrQJzos8\n6NAkFws2MzmbLfvX5gIYg0ACmbinshFuavQ0f8E2nhGv9dzy31rwNktQ3jVe\nkxE1CbB4E6rJJmO8QtNbpK/f74aeJzM4AKN8cyXNj3IBdN4jd8wgjCZMeEpt\nApC2zy6Nso5EJUW6RQ16NhB6MOigUZvKWF0Lo2Rp5AN1Kj9Ng6KJS7MD5icA\n4YaFM4wAz936lMVZiA0rxX4GBaHyNqF/XWcAslYjcJzZCTGicsvvcA+S5+7G\nnlUJD6lrASMMxYmyTGaxIRtJA/4+pqHqQO9LZyAp34M70su29XsyE1kJkuiI\nPUq3pbwzZssUIpumx2FryTEGH6QplCa8oTuuhoWOgJmHn9ttFGxvluaKAtht\nwo8138KH5fQn5oFkp5isTFZO2oSBn/Nbn8TRaCpG+3eVnJyBvwIUtXMPibl5\n0tS9\r\n=Otcz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0bvkHoAPrG0Z6VYU0JbFlTWrH96RrxLXxpXH7nJXb+QIhAIcYleoMvqrZY6w6FO2rsSou2nvLGgNEBW1jNBbTsatE"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-15_1591393246882_0.9614436439782645"},"_hasShrinkwrap":false},"1.0.0-16":{"name":"vue-tailwind","version":"1.0.0-16","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"72b4c0ee9b3dce636c0326cb8f4ac1f67a671567","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-16","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-yVI3xk0vgym3RhewOeu1PoS06kduTssjUHkiMw6FMKc3fRvUAw6ZEvaKMWCDP0lINpEaLXic0fVqM5fA2UoTuQ==","shasum":"214502eae19584914ad61a09fb951a742356714b","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-16.tgz","fileCount":124,"unpackedSize":13789712,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe3CYVCRA9TVsSAnZWagAAi6QP/09cfHg+yANvT9PoO9UF\ngr6LBaKWjSsetqjDboS3LYK5R4u9Eyzg2VUklitRhQmiXw0LnujcyDdlHxvg\nWwPGk3BPZYujShr3F05RoMdeKIh23HLRCccheVSbPD/cJNIj3UPVr3DmZKo8\nJEZP5JBB5rwvH+PGuDXc153YOA6K9hFemGB3smturLbQ3yNatXfREnq4HTuq\n6kxQld6EHswtddU7rRJhW+2C3RaUEou1XovVtgAGH1Muu57DMA2KFOgUT1Fk\ng2egNt5tRy7t3b0Ge681cwu5p5HI0olDhXbWb4ZESJDshV3aRIEoRmBktGue\nvjCkan0e0/YqjIltyK5V3oGwBaP796SKA5xnbKDV2chGEFtgf/e/4LW9kZkO\npQj0mTfcGfA02VaCwpdj8Muiio/+gLUYCH/+HqWg0UfpQt/sEb/iUS7FwRhg\nSZNx/3mFsDAxMhpQqE5jf4O+bzj/ESXeGOaPflbe7sDTWBTsCJXqTmHUgrfl\nM1Jfk0MIp4o7OaNMHNqYlLP48XM9r5fEG+coqPLxVY1ZWwaDlovS+9p3MNG9\nUK6gN04Gnxw06QTnqgyjh7B+3yaY2GpPZDM8aDkWq4U6E0QRZJ7jWT16BnJb\nG2/J/HEIfaIrs2aBJa9K6+G3KebJHHWp4y4XOa4qF5wIyKTNg7QyjuyEkTcP\nZwal\r\n=47hP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDMSJzahy9xzyXx8P2dPOlx6fWl5W7izTz1cpbTsxLGvAIhAOCw/dK4hf3y3CO0aruePeB2l8SL/QxlGBTOr20C69bF"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-16_1591485972980_0.957476293427691"},"_hasShrinkwrap":false},"1.0.0-17":{"name":"vue-tailwind","version":"1.0.0-17","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"1be25d14b42377dc1dc8e63b49369625c5556451","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-17","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-s5aQWbT/Kz+iJ2B2xOUaZNW4QhNnRdmg3NPs5RqTDvElY1jWNIcEHtAZGBXM21rKkGm5xyZcsMVGIeMvjXzkqQ==","shasum":"d814fca9ee48f993e7edbc8a79bfb24571e9092a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-17.tgz","fileCount":124,"unpackedSize":14323787,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe4uKwCRA9TVsSAnZWagAAJ8AP/i7aoldBFufckKuvN2uS\nv/KcfdIMM9eU4sreh+oFlmQSe6ccfSSuggnO0xMFZVezrX4TONEAz4t7tG43\npLAnS6hR8XYTD22SA1pMS8cmsjkDZflBMSlCWbNoGuNv2j9IuZfh1xlBFetE\n6fXMr53SgsEGAVT/7PjecyXMLjPRc3eRzz5thc8LzYY3v4YI1xtZbFSf07/b\nMoXzqEW74oM8L8LASQ5QR9KgXS3u/9bXqIDosUW6dCVoQ7IloaMAQMmIHowY\nXSp3Q/TaxZoToNl7uIxsiJJ0UG0XZ421cLx59XGwDaH5neLUbEwfHp5GSS6G\nj9fdSfHcuJmCEWEQbtui95d1v7Su+mP5W/bGWqrHIpTGKVzSNyCgruiHgcYR\nFIAPnygayFkpbhLChjOx4OPog76XOREYwLnclm2Hrz9gHjzg5bbNItIq9a/B\n9efxdhWaGGBnTggb0yrCDH6x1gzMHhEQvFdBgSE9vaIcqpHMzPw3AJeoEeVv\nWDZvztuoiwaep3CPjsfBAZiU9709uGXlNGf8yEGX3l+CLxVI4HvUPe9OWHxM\nLv8oTb9+iSAsZE2HvgvB/X4OThSiI3+xLZKF0bXQkyNrSStw/d8WfTu9G1Bw\nE74brK3HEMvYhHy3Z/LsLvwxHwCaFey6KtlXBn3EAycSX95hMZkkaiO5/b9B\n8jXA\r\n=oxVz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICtihVJJhOOcnb/pjuTeNGQdwndN/22EEtPloZFnVljyAiEA444R+DVMAeM82VPuubEudlsxiwM+P7C6Bm4CK4R64hw="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-17_1591927472130_0.39667458207592876"},"_hasShrinkwrap":false},"1.0.0-19":{"name":"vue-tailwind","version":"1.0.0-19","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"e013320b217b4bf5b609f5ff484a6e9ec3a683fd","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-19","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-z9L1fqMuCB7Qt166XlJFBNid6FIEH1QQG9u7FtbyHDX2wT8UtXILxI6mbKKLOkQT83OOLmJ+B5wyK+6T3V5Xjg==","shasum":"e946a0cfb7744eb1885b25b9d7e0b2a77d4717fe","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-19.tgz","fileCount":124,"unpackedSize":14323745,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5jKYCRA9TVsSAnZWagAAhjYP/AzCyZY1m4D0RytkW+M1\noA4ksm8sT2EWtJ+0aDd781ahxBKbPFXaIuZbmeLlUgngKd0kn9Z91pWOLFcS\nU+yTqO/739fwUDAE4l/2OZhBDjYknoYfmHM6mELt01ZjkBWN8/tfSsMf5dto\n0yIUOoU1mERJHTQOdiYZ8BTDr8kWZaH+REzf9qSVkjgNWw2f/V5mipDNN175\nkXdkfu2vLzxSwe3zKORLaoav7Jpo/gE04z4uKTdQ5lvVh0/IpoO3wiulJwqk\n0KlXEjfErEn71p5yHx1H0HirBrRz/J9kY7Wuh3uwqEnL34NVco42Sqz4f1P8\nWT/CyPp7i+6xeK1PcOg/4CfskBjQiNN/diElZBCGjwcP0RdScr0OWFfI8BSj\nNzLhfBrSVIfj3FVDCychTZZYbLbp2N4UH26vbiPfNeYy40sbyF4FU/+UJWqH\nIQCdM5rxKoCUXQdug/JcwKAKqiauGNuaaB2vz27nVg0c8Nj7mP+7ttqh48Qd\nP1Mt07Dc0kEhe+GZmXLRvZ96twGja6oTpxUXWdmoqLJ8gqf2cccIw80rJ/zp\ntRw+QI0WcJXi3d1L4HZ4JjschPe5t0Dfs/JF/KlbvLbgZT/SUKA13McyC8o+\nVzbAeHyf6FsKqDC9L7WUQCytu+pB+P+vbJMAce7oBWLh1D/g+biIT/yr/hNN\nu+eW\r\n=LThR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFHsaAE3MXgf81YN/AdRQN4zM8puoXXffEPQJU2Jxw7/AiAA3CPIqUTsO7d3vP283PgabhytfJ34egzNdHo5oS16KA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-19_1592144533787_0.6871261281600016"},"_hasShrinkwrap":false},"1.0.0-20":{"name":"vue-tailwind","version":"1.0.0-20","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"1335794663dd7afc2aa03ba720876b10cdf31f84","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-20","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-ykIRrQgIjO/LxAW4eFRTwxsEmXaHeqqUj05RzvGI0umUj3140+8N2o3tH01DloVR10tm9AbsPmNhWXswC+f4nQ==","shasum":"ffd21a18f2d9aa3786ed6ee8144104c67a788175","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-20.tgz","fileCount":124,"unpackedSize":14323020,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe5jaHCRA9TVsSAnZWagAAUgEP/iQpWppqM1HjWeFVqFr4\nGnBFJUH9KWMSycg3lILMHqdpmIzhCSQysVE7sWa7ylVhaxify9h2iJsGQbsS\n4cVy9GFPOm5ODXILAeZ8XRqt8OBtyNAk73rAeBbBp4TLEoJIzJIMUnRU7BIR\nE+zu00FOu+YY9JGSbow3ZxsrdUQoagYR7lm488JVH3+MY+F4YnEhwR7nrMf9\nr/mM65zpAEYtlsIRohEjQ7JRKdfxg7eEj0OC1O/dqkikVqaAhSQsRPHQwxrK\nV3HkYOZDht8DBih+rfoy/N0PQXKUhh0KAMjoE0Cz+LLVs233Q2KMrpsxM2MF\nkg3AOS4iDoYyU8hMZT1rhJQIPbvEK7e6GNZ9eIAHDpknkCrbInMfJ9XpKZvf\n2e4cp7cH/e1sMY1yOKTq4OIh18LgGTK5KevtTgvONRLAP1hLTW45fHNTFYY/\nFzZYag5JvcMAnmQlAdHozkkfLNp4ywP1+q7EtLF0Vk9wiuGgmYF1qwknQMS3\n/pf07Vc/mHBVw8wOocfAet8PpYXp0pLG8QZG6EtyMZIUzGnO+kqgK9InUqU/\n1JNfBa5xrFA5ecDffqwrsZrNxW4m4BLRu24Ngdj0VANVjRX9DsTsT5VnweTP\n2F+Wkd4TbW9thHB99GqY52PJABC5NMPFlNyZ6QaX2O5EULRHyboCeQoNzSk3\n1lcz\r\n=wUHe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDPKrz4Yi1cx3mE6Bq96bnXuB7VvYMCfx1r/l377Aow9AiEAt87v1/kqn9h6ix/kiRf0vd3+dWeP/CAvfxME/gPTjoY="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-20_1592145542542_0.24032067504639887"},"_hasShrinkwrap":false},"1.0.0-21":{"name":"vue-tailwind","version":"1.0.0-21","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"c0dce2e294d7b1ae95bd2fe8f2960c09ae8be841","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-21","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-6d3/VHgYLdHXJB2AM7BuNdLFFGgjza4h5YsxadsxoeG+KmydXUKrN4WKTI/FeeErvQePDdxeLXEwoc0GL0kkfw==","shasum":"e147ff55dabfc8fa0c67b0de08073b331064e305","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-21.tgz","fileCount":140,"unpackedSize":16385368,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6AUdCRA9TVsSAnZWagAA2+QP/A5XeaZynSiiz8aC0uVH\nF3qHrdwp8KCq/nPOeLyNI01vcRJ37VwZ7yqvhrAUOjtJ5JyF9GQEtvtkUACr\nql0aDGthM89X6U3Ss/6FH3P3xuPZlVpP7EZtvOkdrzfDg6zXGvJ37NBA67J1\nnZv/D0NfIrMU+Z68icNdQoaCpGyVtNKQcUHB1ghkIPIDe6SxGwI0kvi19eCx\nhgoP2nPMIvuzV0uzfGaq0ie9A8Cs1qf9azizrkSRGhYM3ekAehTXHbL+cpUJ\ntsxEObBkTwX+6h03RgLKejrwD0AfIFJtngvruzY2JbLka6VJc/nhl5+3qXPy\nJuc8Hkrl3QbNbSJzKHpq9/X1tI5Ws3E8OEOL+wzwRhY8xLk1XylkZfge4JdB\nUpk7ry1Oqvt9ohIR+MwIaRNjo6WJlRm5bopnYmgX1MROVBq+RAyhBgYG6uiE\ngDRD2xeC5QnQGtDkAWCsKwoWWt228VOLO87wkRtZiZ9JvhHDvACyuMk0hT39\nQ0AR2w6W4c07mZq2tOQ3Xj46aoZLDAV2829bquyQW8z1mzlv8gh5k12Z5M6R\nu5RbnrmBCP8EdeBtmXRbfQl4nl4Y6T4rKE15yq5CjGphHPoxsGTiGjXlIXyo\nd9ZzG5EtPPAIYEORNb5y4OU690T54DFIiiwGsWcFey5dESosuUBQ8kI+RLEa\nFAgk\r\n=T8RB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyyGJYb+UyEECfEfMP2Uc578oe9f4CjInSo3jwrjzyYQIgOEK4crPHgZxf283vTPmUB9OvHRy+kI44ru9xRTCXTE0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-21_1592263964295_0.8755377912626314"},"_hasShrinkwrap":false},"1.0.0-22":{"name":"vue-tailwind","version":"1.0.0-22","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"8959ee248608d6c30db485418f3ed32ad6ccc293","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-22","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-t/srBjd7EznluMUjV3szLewkEB7EfoEjSBnahYCFx4KRf1n1+LxJt0hm4B5eJmfDsYXz6Nz01fg2u/WTaIWuBg==","shasum":"032c461abbc8880cb619b73e100189c6d25c7cf5","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-22.tgz","fileCount":148,"unpackedSize":17175704,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe6WHnCRA9TVsSAnZWagAA3nQP/jtNV9UGAU9Si7fXPfq8\nUy+rt7JXKfT+tYAeVmqRsABMqUVYuuN7BlDxfj7QPGQfD3XKeRk1pwmaHqVl\nHO0Rm6z28YiCwm9p6+LnXBOEfVw77mVLPVz6SBl2YjuAdAQNZmRfRaLVlASO\nXy2gwBaX3UVMBoyF6vVFBuWNZOC0+gzceSX8QC1mbZ34mzQRDlG+QluEr0QK\nSldTuXxEC1EYutpByQSgp3/urMGmfDvYZ+3RNlMmyZ2g48FMf3yhVZzDA/Ad\nS5mCq33wO0Gi7uAvDfwtCrWhj7DyW/o3F7PYNsK+TIn5X8MH3IiwnPaqW6qO\ntZN3kpWpZSwBRhBdZL/4sPhb7cWbsIU8dgCwdeHsinSI1dYfsNLGPqVWorhu\nDXXWvqZLm5pFImUNY4J6gTwrwbxhi+GyUUgm5sQFq5HSnueuk+Zjw4zc8SCE\nKTqF0Tf4dhigamSmGP1D65eutmU0Re5CtCQgu4TUllpw3XMiz16o5xYHWrCO\n6Q0qCM2Uws0OyQ/oFcRLiUL+joaCSJ9JiSIYFRHRf8/dyjioejMJTfun3YZ+\ngDcZOngWywPDtYPsKLMsRDtWSNSSRpAYo1/9Lj4yrgzGorkqRyEBlmX/FHtK\nfCMr2nb1uE3Aqvto8wqVuwYEgQTMEHE/FLjaPR3LdiwDAhlWmJ82g4zGfJ2t\nLgUA\r\n=hO3i\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ2tLd4w0bO/BUvFdNnRVCAKAZcBSrCiww6x3TKUHCBQIgQ4hcfPe/MSfb8JsvTNw1fGki5GwA8euIhPCoPyu02TY="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-22_1592353254998_0.8912738864157057"},"_hasShrinkwrap":false},"1.0.0-23":{"name":"vue-tailwind","version":"1.0.0-23","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"a2e529b60425f730bc7931804d92f2ff83dc5f99","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-23","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JURD4TlO4NrP4wEXPNQ6W3uhPSyrjztUruP5yYrUmsRbxTd6Y/VwtxGWuObqPmoox9trbLeAizHZaU0TRcXioQ==","shasum":"d79ff53e124b820002dca21238b49d3705eed0b3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-23.tgz","fileCount":148,"unpackedSize":17236105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe7T7UCRA9TVsSAnZWagAAq+sQAJA/m1QpuHPOBnLIYl61\nYQLeNK/YvRE8vmn/n8JyRX2mdz3C6hrR7SHlwuVHIFsGq0SSODNjp9wBxfPZ\nbCchkHb2HSpiLfnTRs9wejCLuDZyd8ODs78Gbt93NCV86BqyWffXwUCm6IhU\nrKuK2el0m79whEmEH7972p1nCpCtpDX2d+ngW160Refit9qPNijxH/5BZouY\n+8XkvTeIk05U5lR2EqQD3e6NmkHrp4RqGuWmo67TTwUHHpQ/KYZCBf00zrZR\na4tFmpmlppCgDw+A59N8CGnRmVMqL3zI8Jf+XV38FTVw/6kd0zaFnsCVb0s9\nVq+mqPPeKd/i1KdjwKVQftKHUjL3sTFr/gxB2xWN0eyejI1laQJuJqIoMXM1\nJvOEMfy5WZA4vPPa3C1qddPKeC0UlF95mQKmN//LXiWv6NLXD+htX5UDXLpQ\n2tkWwii5GOAudGMTAAjcmwSC6fp4xaDtLDJMjrfz2WvTclLxS/vZxcKsDEn3\nzXy6++2uUh8gVJ9F+7bFhV3c9T5MlW0JiV1cxIzcycguugcmc+wcZA1l5pmr\nlFjgs0LJkZrsUt8MQejXqgPXPIQ/zos72IB6aj8VGMJ6TqTpulKfawkTDnzO\ncT72ubJPgIg1z0/wuy3jF89bnZLHHZVSwrBOmRG4OqEz5n+uaOj3YRM62kJI\nHM5y\r\n=O4KG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDF8PbGDUtn9YACvVoWbQDDqtRD7GjTRJcNZUxZLfKmewIhAObPnZsDbmF8QM93uxbBrC9UxPvkffVbAazmb0NKNYL4"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-23_1592606419549_0.2686119264479183"},"_hasShrinkwrap":false},"1.0.0-24":{"name":"vue-tailwind","version":"1.0.0-24","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"77ae7faa9d064181b760d931931aa2ea10310603","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-24","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-9kWDgO5uzQ/RIX+70t4l1ALAZqUN+2arhR3ReBnvirP2bPyva8TkWD4pBjKHizmeh7ub5q9cFpeditjQs3jLjw==","shasum":"11b19380bc8193e0bc7ae32301502bce1e221dc2","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-24.tgz","fileCount":148,"unpackedSize":17289913,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/Ll+CRA9TVsSAnZWagAAKVYP/iT3BEjZ1oxg1oCTmOoy\nmebghWBztPc+7U6SQcur6ByoFYTJEW5p7i9Z2F6JQP+evXBYxnYEe/eQJbVj\nXVTIPIF827qEp3NdH8abTMSvX48xryv6fcFFS3ReqfaPSj0yJK9CXw6+/uMR\ne4cfsZ4Vf0TNs2n77B6VmBeSaMEEG79I+eGoe7s4wsJLE4jaUUAJ6s3dSEKO\n2eeCkEm9kMjeqsSKPWpWDBKstTTcdOQv3REY4+1m4dXquRhXjNE0J8/SRvPL\nN93cHSoYlJaPXUBs4lgaKWiAwuWRHgHlbIOu8zdztUrLYCDRICw0EKDSmsW4\nT9s4u4mDTypg/fS8oXKZ2iR3veCT4dJVWOY+5PKll2n6GFB9G2uDQEfHypCJ\n50zRu/GsiXcczSY5LwWvhXMchiCocmSMd5wkc828Fx/xjyLe/GoBjwgz6KAo\nFUdodCgrEbcHSMOqJsA96hj6Gylhelhp0pmBV9r+vhIePfUApFlj9CoagUhE\n+AcgZapLX1scUGvhxZgUb8qTfmvm2X604QFzLwPKEADGRmBiZAaToqnbhIxj\nwIiFiJUtunUBf+19zuVBFzrMv/jSVvdUlZ5KhYUvr6tenE8QDCrG0UhN1hjl\nuEsRqib/LCFylVNuE7Y2x+GvGJjMJsk46kBkp4kzHMMXRzL/j7pAPJCVo2qy\nP49h\r\n=qwqB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID0fuvUKaYE96P6HefCU9i2jkhRjeAuQR5CF1V9NOO0HAiATQp1vFqbJd4FGP+pBaNyaA6cdfS90nI+4RW5J5a3EJA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-24_1593620861661_0.19569227523751498"},"_hasShrinkwrap":false},"1.0.0-25":{"name":"vue-tailwind","version":"1.0.0-25","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"3dbeac4993d51c2954717d4a1cb8f6c1dc300e47","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-25","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-4be3CWcdNfCBux243a8u1pn86pMdYJoXoQ6sbfbOxNb7i5kciqXqXNujz1a1w2FO11j3Oqf3LllPSPrXO1ZTYw==","shasum":"d571cf37dea891a2fa074f7795f786731f61bac9","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-25.tgz","fileCount":142,"unpackedSize":14544052,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/LzTCRA9TVsSAnZWagAAkQAQAKCXXfGgWlPrkZgOxoMX\nHc+OaDDQ/O8/oUcBJqrclT8CF9EQJamaMWvD74a+RzjCXI3rKBH632d/4OJ/\nXE1BWIr2GdOuMkWErfV2PlF6Zjxyb88RDRxce6qbyLKy+URKr/KTMGlfldFF\nlN55nJonbkE3FvCxBJOyvxzQ1LIdQPd3YtG9qOWth7PB3tq/8RZojiP18uO7\nwH2Lanz6g4BhuFjPs7l5lpBKfgPSuxQuqXmF+qjQdy5WmPXsMK9Gcj9girDx\nAY3Le6uPG0YhgnFiKuiZG0AleHz3thYs6AzEv53daMFvQQbDjk1FDRcrrqC8\nZ+4jpILpSgFOD/L2DIpiFEZ+ptqLLLng7alhyyhXO2hkI0vjS8qdNKuWSzNs\n6xA6A9ff9CCWnoJ1dTIwqHn/24SpMVoxaF5B0f4xWNYh0UCcwA97QeHBPSej\nQ1XtfgADMfVk+Qa+FWgs+EMjSUPbFtt5ZvUb1fye9nKG9a8RJgmCyQZrUQSz\ne4l7VwLxx9QtuYHZsfL3J7pPU9ToP3NFBIfHz6h9fukExfnU9D9HwyycUihd\nQLNn68WQlP7RQb1lb4SLq8tmKmzs9idixWF/IMn1N8dr668gajVWxlqeu1/L\nfGne/fJOClLpGVNZpWh5F8uxV4BSlM5/r8VaUD/s1LeZ4LJwh2tTY2GtpJh3\nYP6+\r\n=Ubf0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCGrCjLf3jJ27U586b0l2S94pKfAaw8RKSpqC3lBVVw+wIhAMxSynn27Vu6C8m55XNPV+WWKcovXCmDg4UTfe4uiFsc"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-25_1593621714585_0.6685862987263427"},"_hasShrinkwrap":false},"1.0.0-26":{"name":"vue-tailwind","version":"1.0.0-26","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"04f481c18243292f71ceba4198ce8a87a9b98530","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-26","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-0iCDe4dpJwXspDne/5ifoGd7BZRfVONRtwZHs5V6/hIUk54q7E4s1o+RCDjrJ6apFXae+P87jdqIEjcdCQyhzg==","shasum":"af6a078a0519545322509ed5d078b1c585070506","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-26.tgz","fileCount":148,"unpackedSize":17323626,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/ME4CRA9TVsSAnZWagAAX2IQAJ+YmgK69xRR9elmDk6d\ntlyhHDRsm8I/01rMKKKHxlp2DF8Ty9cSWBPTIXiVP96mckgNM7L3pjKHJhCq\nSkzFnW00z6YO+J2TPpYZ4YxRaIvEN9IIbdS08ocdLS//iEM0ESmd75QcBgzm\n46hta9z8BlP8bvOlmEsudQ+GBVKEXubFIgvu/aKkxoQlJtzz654Jva4NDKQg\nqEeFE48WjDUh4ctgzNiOs8D/gzhdJV0hYgoHGvH0N1ADG3R3eRNfMZ2CUq3c\nTTHz6xcrB0HHhw2Qh7FRS8URU6F0oUKWmlJ44kd/XZkWv0KjcA+0TBPwCJVE\nfN/XFGlha8ZI+sXCvefqbX0x7rj9toj/8Im4a4c7YA8Iv2yz8+0lmnBJfcBA\nTi/l2qvwwXmY0GP2Ywl4ptrGFAkFi5169YJLXeRkmukA2Q73tqTkBhSBSDyo\nPAHCoKdjcfjIXxku1jByBqAEKuMgVYDRXw52x95HcgYmZuu+UUcezJLgQa2e\nJhz2YsvIX9vxz39W/dANNcb1PZm/ANNLykAkOh5NF6nWtmDdkeN5NYFxzOL/\ng/8SWqDOdUedRbYDMSHTzQdoz6tVh2U3zJQbiorCtu76hHc4E7K0Owo7OyIZ\nniWnr2DGB32xkZp6g9+2Xc5iC7bCTSvxbwwf9LVpA/+ecvPyXnLWvlQg3i9W\nAJ+R\r\n=2TGX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLm2wcYoY/xlOW2dsh2TZPpis4i3WjSNqNxTRa38YoeAiAUBkWSRkVNiXUvDsUBnsmGbbNHemUsRzNbJjM9nsxxRg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-26_1593622840396_0.4788465804516957"},"_hasShrinkwrap":false},"1.0.0-27":{"name":"vue-tailwind","version":"1.0.0-27","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"6dc2edbbfbbfa0af32ad469dc6c3483ec8336468","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-27","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-3DfNVKzVXVEp4F/mFoG2G+gnPnZiB+gMjY0N5YaGlNYmrJw7xhjmOEaa/TQPIbUGvnIUwInteUF4ZrbabHxgFg==","shasum":"28443e6fd5f5bf17e9c47dd3f68043a4da915573","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-27.tgz","fileCount":148,"unpackedSize":17339883,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJe/mLCCRA9TVsSAnZWagAAwxsP/0Qtm9qrBWpyjVLZjzJ6\nviEDtYKn/RAjg++yvEDBd1isA+3LWVGtBAztH3FxzemQSU9taF5ebJ2XMXbp\nFPXWtvelwIe7UQcJBijfZUUS9+FfJqTrFBRd0NbwYRj16BUgAyFos2HYQMj8\nzaPI+C6N475NZGF335RYIy/3GrRl9sT/7lG12UU30YUZot30mXyenWmUpkW3\nCaOlCmzflsmka2Xs9VobCoVx3PjgMxCMuS+QEPkiDsWD3nIjnVEsf/5DH3yE\nDGmla8nUvb18Gx8wZTJad9OFVDHXaXVc3IIo2E+RjJlQrEbIvH/8EATBVrTZ\nhr0yWJ5lmQgYBnD6RIi6ewZgEUdwBRd/j5Zy52DnEGNIFxvB74lSxGlFhJBz\nqrG6dorPbhyP3AAOq6lFnkeb5iI6ouaiVRsRujQaOsSbphpONq7ApojBBcJX\n6MVLGlqrycJ8e2ngRijHoZ9g8XdzTWIKlSkF4aAs/ScvzVhLS32/a/DWr0YI\nh6/rR67cY8PgRV5cVB+TACkrdMNL81L7rg39IC5BQizhWdvWaOmMmw1sWXDa\nEDk5nj0Y6AXQIJQa909RoOJFqZwP1RK0t3igwvjdTuRQEtbTMlaLrkBAsjtZ\nox6XqI707sdtbnH4b5UIAd+KLwvAFF0jXAgmXlr3WJ3nKrM/keAUc5AxFfoy\n6uS2\r\n=wSty\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHaoKfump7e9CpMItyyhw9gh07TxdAZW03Rmtq1eBzOLAiBTH132irfiOKrvcPGoJ4qUYAVkr/suTA9umNGKba7Z3g=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-27_1593729729767_0.02353613133568344"},"_hasShrinkwrap":false},"1.0.0-28":{"name":"vue-tailwind","version":"1.0.0-28","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"84f2733ceb3db06a32949214ef02e2068588d8c7","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-28","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-JDhmdUVI5OT2KbMewDkib2XF4uJH1ZvgjuniNZAWBezZfZZNpeHhZaluHovElMOXHx79A78+T0ZeshIeCY1VYw==","shasum":"a0e861a91402392ada87f4b59401d32104dbbced","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-28.tgz","fileCount":148,"unpackedSize":17351135,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfARHpCRA9TVsSAnZWagAAtH8QAJQU/03bajYQ/7lJHK5l\ntKoxJ0bdj9tjcJ0TGQ+Ak3c1sV44SYEdpImosRbD3mNhbbhz5mcEkhIUMKQi\nXNyD1FHWogZ6IRtNlF/P7pkoJLP3xN/AG2r0+eE1Ti3RCto0UZ+U0sUGQbbX\ngWTVBySMF+pKnFFGqdwT+fzQPGYXtd6xH0UZsXtrZX9UXxJL7yZ84QSejuML\nsdt727LUPoSEUyeNjmIbhR52niJcExscUyL1RFnHIO15RUaS2RuwxVkcfvNm\n3oh+FcKZI680XhC3ibyPZZW2W9lgWwgqWqEb/DgdZvatMrDaLKGj54yGIJNd\nb6MgzBYhaPVG0yIUzmenmllu/qMjcN5H3RbCZQ3529mlSyQYOuEmUuNwQYc0\nL7iNGaB6Avm3D/9zvCH1BBhmWziSrpqiU09jDBnPps0UvSeJuCzqHDf5Mbzf\nQwLUNZyqgNNrJM+KWv6W9//YaDptJHwyBaC/ZlSsxZYkHKLI0SMDWpvHcLmh\nT4b3GNzqhEVdj3Wf3M8fR3pMIoXOLerpgNDQvBXAG8ycZfZdB+YVCTiaffkd\ndq+KYXhFqRzimSjbgh3C+PyBsA4jsR5vJpZOf6FAueQhU2x5x8vA+t+qiezW\nprPLizMZqqaSngCVH4mlazurkdVq11n/HdDBGBckzsfBt7//DZAdmkEpuH1h\nYL71\r\n=Gsft\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCVuQykNUk6gqVGnDMRqAFZ5FxsWTRzPS0zulrt7Q9NzQIhAM60G51dtY2755a01aO9/dkvKT7CfCTdo5FBzZiPX//w"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-28_1593905640825_0.7275991767922279"},"_hasShrinkwrap":false},"1.0.0-29":{"name":"vue-tailwind","version":"1.0.0-29","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"b18db797587f1f64eae51c15442f0ae0abdd3f75","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-29","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-lK6mM1Rm9Mf/yoRQCSQW4wKPrkAUtXw/vJiuXYiujmkNbF4OAwgA7eDXkq94xm43MwuoG5tbEjA0ThA5vCdi0Q==","shasum":"38f57e9f77348a406af5a2dedbef34b482cd3d63","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-29.tgz","fileCount":148,"unpackedSize":17490022,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfAUBLCRA9TVsSAnZWagAAUC8P/0KiwAF2gkTUZPgSEy7R\n+za6vDVUgpproLMuWWMFeEMXQsMz8N7Xom6L7uz4PYFaxRkCS1hpN/xyyJuz\nwZsl7gN5Gfo/KiNWL5BEDLXWHQidai3iT2pYgTmz2m4xIqeHFyI5cVNyFoKt\nHNOV4vkXQ7I9rBQqVv5weTyTO4oYeGQda1FdI+gJgqHol2aZJiTnBHKjrTOS\nPVdP07dIpR6NXgnEYW78J1CF+OnPzbsXZsJjK/zk76Lv8791fHVtpCY+JMTe\nL7z8MoHeVahw3ENfhZnMLgR3QgzcgyPPm/9DgwB1ob+/3eDUkxz+NhxgrytE\n+eWo5MD8f8Ei3/1Ai5HFyssBm+/IEQIxgLZcME3dUUcIEKoZsltDov7XukJA\nqkC/aJRyfxDjTc37rurpqGcQeulA5/iVw2Dw6UO/ZnIu6BZ7PtA6SYXCaWu4\n4BhKEw/4uAlBuUcadZBTAzbqsYamGkhCQMaborwZuWmNstiNkAqTrKBI9pLo\nUOsnlzkbzso2oIl53MvyPbqIyAt6wRXHH5yIg9XrqIwgJMSH7oRpJ7Dd9SbT\nArWjCSw82YoAKl0evDL+Ujb5Yr+nS3MI0u9DNmZi4SVUQafY6lIbZ4DgVlCH\niJYZb+XBugy6maZyMe9AeJSxgv5ud02tRgpIKCEq3DclrRdTBcrXQewDOKUe\nLoZb\r\n=UMBc\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCZ/uC1w3Qi98oUWnWQUCYV7t0Mcn9/qY5M1fen5MT2FQIgHXwaklsz2f30+ShgKZlyUbOamzOkHM/VGFN8bGikBeM="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-29_1593917514449_0.5204317101416676"},"_hasShrinkwrap":false},"1.0.0-30":{"name":"vue-tailwind","version":"1.0.0-30","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"163707b540c66173232617e046ce52f43011c742","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-30","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-LmG7X7D3DGdPNnNtJBD/SklPhCWT4MuKuge3ngn5vwSDL21u2E9o1c44EV5KhGPSrqJB5v73yt7YQWXhwR/3tw==","shasum":"8b8d7919ff53e8a0e36748846c8ca560e421146c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-30.tgz","fileCount":148,"unpackedSize":18194053,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfBlk2CRA9TVsSAnZWagAAYHQP/25MjoQbXQVkYbMAJApP\nXDJArmvdr7cLwjfOp2c0vQmC7UvH7TjTfK25ww7QTsd0Q7n88EFJDlez64mL\nJpMlD59fFWjhOGsw1cE7bhCOSfOhMIDn5ESKm3M6DXUAlnIHh916z2xRi0/k\nFuifNeKxzPS9kllATtfTa9nrscUyVUamsBSo4lsp7m8tBvVshG5eag7/+fBC\npOKxws1vdRjavbQ9kOP6We8zipdhJ9fmcDUUOIp91qYWh9GILPW5uPDiB0Fy\nG7LxlFarhnt7PrQK7YeCb9l/WxybaEhfOaxDGZ1BXK245z/CiN4KHpf0bhEL\ngFLICQwNEHeMrNrhkHnqHcchVAkvMOu7pjWuGX3YRKLl1gpMC0uOhRW54wzs\nqioMsAOJ5oKbRM6M2yPHHztSuI6he5YL6JEVtPVg8DDG2k64ZCzebOK9lZwc\nxGHUrx7fUcwf+zN7buH7MK5G4E6Cvo+LoGW75s0o8TPXtuF/ClWF7rFVR3BA\no/oxxlOELY7ey/rDlbqLdKs/O++9YgqkPu1+rC4bivHunUP4ygnw0Nlzgkd7\ny4LrM/5AUPaiqN2+3m7cjcWaXn+dKzR0sZSwk9jhCHGfIj1c0TXbgAzliXRY\ni6gYCrydUUjNz79ZTr6Aa6tHnQTSGDnQakLzEo781XYDpWKEvlt500mYhFG9\n5G2t\r\n=6ydY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwFXycibN+kRqCuiWwZJeWVnhzqThX3LiIGIBwt43ooQIhAJNCvezcMGLc7JvkjVWIC3cSTdHoqF9iHS2Z2vanrVq2"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-30_1594251574081_0.599290861602322"},"_hasShrinkwrap":false},"1.0.0-31":{"name":"vue-tailwind","version":"1.0.0-31","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"285ec429670633233458a795f44424fd092cfb41","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-31","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-u/v+3z/z9ksjWJ3IY1lSyHJXvgBj1uAN4z7fnbySPd/uwmLvSPJAVV42VwIpyo0D/jkePGhIGqShWLOmpSrDHQ==","shasum":"7c0ffcf455ad53ec4b7b3376b37a394d9214cec3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-31.tgz","fileCount":148,"unpackedSize":18284929,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfCggVCRA9TVsSAnZWagAAYfMP/iWYOpduDSr8hjPZ/5X1\nhz+MaRM3+na4725GCkygVxIAIBd7qN1BbVWYVaksTr2B3SBphj6xlG9cnY7w\nJOlqEAynuX2wruoLpj+HkO01bIgs3WApoPIbC5ocIttbPusVI3mkKdXQMPAR\nmA8BlxcIlFfIxYPCg0svjpXXSeZWv3Dwo3fBRQwx/hyGoLy1mk1JGbM6hazC\nJ2LsV22PPwkZpEl2jMz1CUAaEd+KACNj6tlQmb05Gww9b8CBjXlCLVzDDXuB\nGSJ41to06izcVrNNZhTa/xXsRN/Q6C0Ow17D14tpQJEeMsvyyon9rcQQoVi5\nKC9CKKlYbNzCdrHTuvkLvAuKHt9iVcL3cHfMjPrlZwe+/2VRhGiF6uXWrGFD\ntjg+fRXpivbp27yWkj3KmHxSctGVObFp4YIm1HadK5ZsS7Sa0h9PNghTfneO\nk1OQzAf86ctz+pULpuSrt/kYRU9ZLS5G1fZzAaYCHdT5gvwlztKx02XdW+2L\nYi/SO+cR9QK8Qr3owABOmm9zI+mgLdex+Mhbfnv6ZD0vBjQpGJQfDlndIAwg\ngUsydeF1YsyuuJYBVaLMYZgokuSGRsrtqFVtTVsQyrOaKE+dMomeXYTCB0yg\nvZsfJnsd5HjQ5NFgYWz7Zy9xqKzIxJ/RJFxkwzkMSgyyL3uaoghZGmYnJL45\n8+sM\r\n=nIv5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsAGDfxKGAtf07Fz5L2sFZ/0MWZNoqHLVveB+7gxZclwIgIV82X8iMsM/znZv5D03O7kHRPC6LRrXdghWQa4QujO8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-31_1594492948591_0.6144062905059473"},"_hasShrinkwrap":false},"1.0.0-32":{"name":"vue-tailwind","version":"1.0.0-32","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"3f25f7aad64fab91ee47c67764b85fda1021b57d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-32","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-O4jknscWJRcm7VW06DwTkvo1ZUpu84JMffTSljtaBBkp/SeSWa2RzQx/A0Y8e00o30fR3oa5SzC3rliXB49x9g==","shasum":"27c573865075c1a2728f0b182dca81d5d8324001","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-32.tgz","fileCount":147,"unpackedSize":18317081,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfD1oCCRA9TVsSAnZWagAAgKIP/1dbzzvAiMctfE0IQiWY\nq091XK2EJQIKYaneQJRoxbzO6B2DQHV5tAnE4KhllRIu6fRyqgJ6wWLPwweE\nZzOwQFvQCweDcMPie3n6k4MfeXju0kJFa02yFQHFv0TGdz2CHiDfFIORi4F7\nPytTluqb6TFJPo+dvOyqKyBXNMiGCkl2IHuwdf+T/XZhAP79iofTny18Neqp\nrLc/V5GcKaRo2qmuLOBUQJ9+axMeLQm0ZY0IeKXYW9Kejc4zr/+6ppjTEWtb\nQy+b7d+kmPp9jLqeQIQn8d/DmeH6uQgUKo5/5Ip1aBMMj5SMQs6WFmpLCx/+\ngt/ONribaRwvF2/KER1xdbBHzXby1gslwK+LkezNJXkuWjy9UFCJdjCYsTaz\nR/ZHB3EkUbRtynPnCKQuGTSEHMg1CUEdPTIFbVDUVvh7m1se1XDkqDxHS6TV\nYSsLeeSVm6/FVN5F22KGPAu1cvd7gJms6OrpOsX4r+Tlp1aewCgXpV5nsBTE\nnyKAk8tBHmSQ4t32ObSx4o8tGpkpnWR1WtKXLgHXh/vuXgoINCBwLFGSumkd\n1QmsOh5Mp1sB89TUynQwneRp+MWok0w0ymzUpoXAw+HM62TgUsvy1RBNlsTU\npgztgP/iglGHG9sFpSTZ1IqDt8tslMzDkKuYiSdXpTsMovXCem/RNHydPG2W\n7xeF\r\n=4veu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBEs6KrqqUZS9pdEk2ks0e7S1fWX+W8NovrNnOOt0sJFAiBIk+0yaVSsaOSK7EFwSraOYDUYdIds9Nlf/zhCq6TSiA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-32_1594841601727_0.41571001161441123"},"_hasShrinkwrap":false},"1.0.0-33":{"name":"vue-tailwind","version":"1.0.0-33","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"2ac2ef05039bcd4c5021f669f1ef37b57340865d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-33","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-812HsLFt/joMUJgXOH86OAtyTuCCJrLT0Gdbrz1rQDEsg5B/et18CjJmLDlPsUxPY5oqVJ6mvBBydbAGmwDu4g==","shasum":"e381421a113129df9b57404d8e42c3f3e77cb4b8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-33.tgz","fileCount":147,"unpackedSize":18319516,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfD5JNCRA9TVsSAnZWagAA8mkP/RWRUqYA3nP4h4uQrO5o\njMVGqpxE2R+d1jwPnAn/6R2Og3CjqWZ8rOKj/lT2gskHI1lhIgMRLf2mbFgG\nT1JMZpsRuczzv1WnE8TI010s2nVHKWy8eHWnWxkT/hx3gZyDhHpOvX69wDzj\n9O04Zpe03j/KtFwEHntuLuvdbljB1TKG3kWOlX92utPP9jTCG4ruWggSoXdL\nml3uXBe6fNKlEYb+kLL3Yd8ymfH/7F8EFd6U6py1GKHE3kfxUktuM+YhGqK7\nL7OKzlpjEWSnqaMmsUanmrLN4lq3RErroRnykoVFRm+K5yCHrW11hsWQihdF\n7Qt5qj5W8xJTeP49wBBXPxaubW1p0d/Bjrmjw6K9h5wxvpMypVZZAvNS5gBV\nJKStBy6HA/pd76FEIjt0+gYrS7FtaTF3E84emNglARReZ6bE8FoDisMX7FE3\nLEOhI8Qhf5HiXMLw/07l509TcAsT/TjjH/YkK1nz++qezItCUIM9eOaOFIjQ\ncFOTfCt+t7uoGKL/MoJE26kUrTD8Zugi4Dn3x8xKILEDWY+GiCSOmlJDZVb2\nmSku2GPH0ZHcsZpXNuGjN+1k4LCU1BpFbExeeXsTpa20rC0zuGXStvaqeLRQ\ngne7W+zGL/shbQiovqDq/S3s1gRX/5r8HK4ZwyN7UB2Nyf/bFzdxgSDscqxh\nw6LB\r\n=4CMU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICvwCWhbKRj+tpBHgnEAnyugogjhUYGzJ/BxoWzJ7Pe8AiEA83ZQb1Sn8FEFO7IRNs5yWAfby+v5lKpToWjVhgVeBbs="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-33_1594856012314_0.702114174876777"},"_hasShrinkwrap":false},"1.0.0-34":{"name":"vue-tailwind","version":"1.0.0-34","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"c61971d1d01fde3c300d6238ea9490bb242b1ca0","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-34","_nodeVersion":"13.8.0","_npmVersion":"6.13.7","dist":{"integrity":"sha512-nEy5XpoVBqZbwqU3819DMN1eGjVECaVrFH+HveSxGCt6wZqyabT4yaN694BdYtBy+m9tc164+7ZeP1t0dUWTew==","shasum":"ab532f1c79e8f79149ff93caa70306b6a9f2ac43","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-34.tgz","fileCount":147,"unpackedSize":18318270,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfEjpICRA9TVsSAnZWagAAJm4P/1uC64xZoriGsQrk2oXt\n0GLVwGKmjykQGSUjL+3wrT4VecvVuA4GHIx/UkHxqEnW2FLY5ApQokYrQV6i\nr0wlPQ8AV8r92jt2lRyQg32NklumjrSWWadSEoc1WiAnMc5fimTO/kd8sqkA\nAgxB8nNnxWuL77obOoYIIsyoL4wslcdMxSp5MILWNDEUnfLT96bysNewBjZK\nRwMATUQlHK/HdizX0mo1zaWnjYG1zUvkOGyVGMllksolWYA+gs4TegMmUAhW\njv+PdVcjEVxGKdAnDghQ0MzCvKcRbQDDZtPr2ldpw3WfXIAkJmZAFubPJDT+\nBWaRn9Rp3QyVVQQ7HoUzddja79kbTMtewNGgQQ9VqrVj8jNa39yq7q87Y24k\ndoNOKs8awV39vAKs5dj6sDYXsA4KKuetV0P9IhFO78LA8Pdn1nZOVU9uTWns\niHHJo6zs1t1jOBuDsxyFrQ/OrKuy+I3SvqLIrhcwxVszg7NGyL0cVYMf9vf1\nheJP17Zbeyf4X6VUAld1V/9MceFlu1yjIGXnz2yDXsOkkzmTAqImfecaiyih\niLt4salH/51EJQuYeXkPId5ZglCEOJcH7fb0ndzcOcBdxFqZNBsMzc10C9gA\nonMHQ8CoPWHOUCEfEh2Bab4K93Sc2J/M1+Yilh4TeduPslL5j+442b8fjCNR\nrIE7\r\n=EGwm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEIFpuhN9uCBKjRzCC3xrne5md4KwAybtdK8HZ1JZa1/AiEAqo9tEpjDMXMoTlajZMNnf8cnDiOyTtCvDl1WqwVodNA="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-34_1595030087922_0.6423643055438197"},"_hasShrinkwrap":false},"1.0.0-35":{"name":"vue-tailwind","version":"1.0.0-35","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"b0572386bdef50bdde226b2309821a6e953b615c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-35","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-5hdaNo3vdYZQHRv29iSuUcLejcBdrZXYNzImuj2UiBJlxTEQiZr4IWSc5nFfdKfYjclS7rWU3W2U8hlumCsUsg==","shasum":"e1306da7fca5b5a8615ec4520663e029f6e31867","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-35.tgz","fileCount":160,"unpackedSize":20061003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFb6mCRA9TVsSAnZWagAA0SwP/2pmpM6tebVtOVrZ0s0t\n7esMEUUaPMeE2TjCzuEP0DDgexf9aoYplXLcNILAyxqWm1jmFvilqU6x28vT\nFh9DNGybPc76hqdVWaMVF8n/sgdiPgJbR/npHC78RCZ3GDda7kiKzf/05oR3\nrFy69HiqE19aWrY0tdWIKleTXG3uB5tIS10fxft3Pga1gNFM2ry6Osi2oCQr\nvTEqY/EILztDq0LHTSvyoFdffAt6lEd5nrvaKeJ0Ih0V6kwzGC37lcfJPuQn\nKJRa7ENLc3QoavXJwbF+tHOkrF3bnjmm/uA3b9tS0vNlTaloOXJo4A+Q9pFC\nmuylpemxN64N8FBd7ethz4+lhr01JyRyM21g09NAJYllVGPAvpZ0UfMNP5UC\n9WdGa5xQYWMDJKziPjL2vT5OSTH861Av5GgXTUIZzhlNIqEAJOqarvVrBNX/\n7S9KoJr1NqrFZIlHxeu8TTLZAgDrkJNvh02Rco+5Y7ORiNvsXzRMjlmfKweu\nBQnCygn+u8CaiW4F0c2apdUML394SBM8liGIgGiQnWq/E5WwwYkso4Uw0dGD\nqTwYu4W3kcHZOYvkSekPkENNQdQo9lNgD2grtsN2Sp/aRE9gNRItq0zeuRm0\nTaMND2kv7D6HS5CAKsIdQN+zJtmj/r/Ltu5FBApqqh64tftSxXtyB3PNsaNm\nn2H1\r\n=AOuf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQp7W469atchy/QzD3cIjPvn5PTOXgv2Vlh3Nyo1gsWAIgLoxbPbQKHO2WoTSqaE6LbyqY04yKR/29o3uLLpn2ejg="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-35_1595260581532_0.7304400473269463"},"_hasShrinkwrap":false},"1.0.0-36":{"name":"vue-tailwind","version":"1.0.0-36","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"d97c083fe4e6b09202311299023e027e542abbd7","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-36","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-+roncAyKjUm9TdU2Y0+Ch4vmfbHk93j9P012lSjX7Mbki7/Zmd8rHX7qgbTRpWa1iqGKck8JzkG/TXYxUuSW/A==","shasum":"c4df141b25556d3b36402ee5122990882a70be52","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-36.tgz","fileCount":160,"unpackedSize":20061621,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFiqFCRA9TVsSAnZWagAAJhoP/jigfAlRb3CuE4VQ5ahT\nZgC2Y3IkD6A4DAg2+N8vbxPV7ySszLY8RfQhqGyQTfeQwiItBTPGNG/49fMQ\nm9GtUBZ2dKiO44ypBNkdy606HNoJcKr+Fb4y0x9Ob/IN4NBMD/6MkRkY2rB9\nf8RckqJGPZqXWHLqeyrOS5G66DoH9SSQUzNMHgElG59yO/OuD9vD6Pr4PoxV\nKr//JA9SqDQ1oWvCXaayG0e0BEthF6apUpqBg/08oInxH3aNMi3wP0McxkGe\nwWfkjrxggSdtr46aoOCfkkxOGGL4uOxkNkOEfCRb8fW65aSn9ZFFiMgCLW4E\nS4ZE2w6iMJOFmp7Rt+uiqJ4dIg0qL0fB486h3Wlz2dbjC9WJWlSXSpzi896Q\njiCatI3cz77rYhUBpk6GP3zkqMx0rqeOTEcSihuOz2bH6MarN6KvXY88lPPD\nNSXhFp4zajIbn9ElhhXrqi+KfX1q0u1Z0m1iOuefYi5xOnxKX29dl1WUQxIu\noY6WQ8bduaXk63LMW7yQnSq0w8ptPMA7qs9PUOmQKaRLniZIGohcZFwF2nlQ\niPBRfphzBDw0fFZgehfsdExOyiq3mSY0CH7gODR6Xgcvml6k0lhCFzyBEBdz\nLodaYfUmEV3nIxop6UOAHw5dIJOv4Qk6ZFs9s2ZMRjmhkN/ZZLAqvec0QGFi\nY/Im\r\n=rlge\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDpmaX3qPY4BTAeZDgYKLnPxsMcB6M8hjLAqhqRIiMpegIhAKYqK5YriKhyHTYEX3dfCjLlDGoy58w6Pg6WW4T69jCG"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-36_1595288196599_0.7534764537747856"},"_hasShrinkwrap":false},"1.0.0-37":{"name":"vue-tailwind","version":"1.0.0-37","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"130fef8cd0a103318c1d6d98cabaaa55cb3815c2","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-37","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-LGbVVmoUkjWw9yEGCQBi0KrWYOnGvB9BJuvhu+AB/3BkhFnIpsaDwodga80GL/FgKrLGny/6UiPZgZDpgWYprA==","shasum":"ad86ed3df6806c068c3a68ca11ac64a2b58d161c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-37.tgz","fileCount":172,"unpackedSize":22602000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfFi7hCRA9TVsSAnZWagAA4BoP/20jYC4jke90oTlTH5ZZ\nQ35pwwj0149V7tZ8IEe7EjkHuVBXg+fwRLfAo3jKTf6BlkXGJ2Y/no2QclNz\ncibvjrfiyHi5aWy2+u6CBbUT/yf4r3VJD5JUVEDaeRGhLWMJQE93DcfKPzsR\nfR+FEG+IsSWFecZPiBECcJ/+574zZlwIwQ6Fe8iqEFdaFa8ns55jqhFfezV5\n/wba/nJ3FixwZduK70k9ZV+w42tEKfnP/G++VnmgrkH5UeSGzrn7aar50OAm\n23ehQuVf7bJCd5L1gJL2WQAkcUg8ScUyPMc6x+LhqLqzWRzvxt/jpFRMqcBn\nrjbDN7eFjUMzOqg9yu3WPxbmfAceiXW/I0VtQLGfL7kl1O5Dar4SLNLw2j7S\nmTkAnb2BlGXay8xAxti7Tsitg2LpP+Uw6O0Q32DtDFYoxW1B3MVhmK5WcIQN\nnZHhIpAOGxI+1vvKYHqeWwmcTd91QkicCenenH9X8R7B3eEVtqL5O0YRNBhk\nJgd+GqRYPQLhTUANqSzoWhjRjgsJj3RlCoKUfpLCGbtHPI+pXm1+ki4BmxEk\n7Ty/x+Ed3+IqMbrmn5OGd3T+Rr1qVGoajAwPI+KGLCkPpg70Xzg+83goDBbt\n+5bJH2f4JlGS+738SJLqptzXskLTGpnWFBqG2kBTxtzwCOulXrwCoVgiEbnF\nNdHn\r\n=KjWt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFN7fT04dDVworUPEozH8kvVF69NnVysJQTLQKPb1nZtAiBTYxPo6nyz+9o7LKEv2+eoS8/g8YTbIS8ayvLS7GV7ew=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-37_1595289312992_0.17602795732102017"},"_hasShrinkwrap":false},"1.0.0-38":{"name":"vue-tailwind","version":"1.0.0-38","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"d3d1a56b61b776c43c680c09cb53f27da3386c41","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-38","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-cPRcNDQHvpz+JDeh6UGXyRK5HOrI0Ju92HCbBJzl2B+ycjiXbrwLq98awfPEggsuBxPEKSclAdBhuDXrMTcbhA==","shasum":"ea7ce0a67242626db26cf4fe321ab7d2540aed28","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-38.tgz","fileCount":172,"unpackedSize":22855702,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGM+2CRA9TVsSAnZWagAAfTAP/1ixpQIPLS7C/TtidFXf\nDaUvvGcnFip/1GbL7hCv2EkyX2Q3suYmkJnD1GwbrXpYLpTFaR1739ogG/xI\nqkj+TTJnGOAkm5RVHnNFTuxDyO+K3Wtspqca1ch8qWDg/Sf2B63eoD33zLbj\nypPiFJuud6w5R8b/EMgPLtQaYuwNt5i5vQbdxMBU/8VvSB3Rs1IrASTenW7q\nHf6hRtxGBQd38Sdef6Z3iIbCsLNMDoplLDnBkhfO10xD/PgwZdQX4yrumrWo\nUJfaksJ7T92KIl6I16pKhX/L62asjz37dyzgmSh87o8q2CRnH3gBlpKv/Shp\n2fDj8XxlkGxpp3nN3Ov/KdNTN9q3cf1tTbTAsutIf3qJceBUkVEv/s04kKRo\n8ie+9MwCEVMDdGNx4ELPfD8fz6Q7kBsUu+uMz6BFPRWP9g9MTtMaAyWYlZZ9\n8fqfZACTWBDFfQddg7wSjvYLH3bxs43/QNi1AXL4mnahawV92D0TyqgmLT/s\nGecFaaiSJ4kFFhLsJVKEEC4kMKPmemcogkLPKvPAmAMzFCHY0w2/teG0ViTn\niBjt0Xgbkc2lwywJ0ddnSk9OtcNjs+Bm8j1tz8GCWySP5iF0E557JzX1r4JO\nZdMMGbTZeuql74rmTqMmYw7KBQ0YpGzhadYT0Rk85AQvXXZLMct2ghSG5WWa\nv+o3\r\n=AZvM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFw7nizQEiWBzZmZb03hOzusx9769Hvwxc8U07Kpt0NAiAP9g5SCM0uZjgEc90sh39O9w7lBReWVUOZDhI9wUy18g=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-38_1595461558071_0.242372690819749"},"_hasShrinkwrap":false},"1.0.0-39":{"name":"vue-tailwind","version":"1.0.0-39","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n[](https://travis-ci.org/alfonsobries/vue-tailwind) [](https://app.netlify.com/sites/vue-tailwind/deploys)\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\nAll classes are configurable and that give you total control of how the components will look like and its perfect for work with utility-first frameworks like [TailwindCss](https://tailwindcss.com). \n\nNo more Bootstrap like sites, you just need to configure your theme classes once and all set.\n\n## Whats new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import just selected components\n- A new theme builder (Wait for the link)\n- An easy and more flexible way to define variants\n\nThe new settings look like this:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variantes\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe variants can also be defined in the component props:\n\n```html\n\n```\n\n\n## Install and use\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n```console\nyarn add vue-tailwind@next\n``` \n\n::: tip \nDont forget to [install TailwindCSS](https://tailwindcss.com/docs/installation)\n:::\n\n\n### 2. Configure your project to use `vue-tailwind` \n\n#### 2.1 Do nothing if you dont want to define a default theme (not recommended):\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nVue.use(VueTailwind)\n```\n\n### 2.2 Or better yet, create your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `more rounded borders` and you need a secondary button that should be `purple`.\n\n```js\n// `./myOwnTheme.js`\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-8000',\n // Optional variants\n variants: {\n // ...\n }\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n }\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nFinally, add your custom theme when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nAnother option is to set the settings directly, check at this example:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n baseClass: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n### 3. (Optional) configure `purgecss`\n\nUsing `purgecss` postcss plugin? Add your theme file to the postcss config (or if you using the default theme add the theme path):\n\n```js\n// postcss.config.js (from https://tailwindcss.com/docs/controlling-file-size#setting-up-purgecss)\nconst purgecss = require('@fullhuman/postcss-purgecss')({\n content: [\n './myOwnTheme.js',\n ],\n\n // Include any special characters you're using in this regular expression\n defaultExtractor: content => content.match(/[A-Za-z0-9-_:/]+/g) || []\n})\n\nmodule.exports = {\n plugins: [\n require('tailwindcss'),\n require('autoprefixer'),\n ...process.env.NODE_ENV === 'production'\n ? [purgecss]\n : []\n ]\n}\n```\n\n## Install only the components you need\n\nIf you want to install only selected components you can do it by importing the component directly and registering it like this:\n\n```js\nimport TInput from 'vue-tailwind/dist/components/TInput.umd.js'\nimport TButton from 'vue-tailwind/dist/components/TButton.umd.js'\n\nVue.use(TInput, {\n classes: 'border-green-600 bg-green-300 text-white',\n variants: {\n // ...\n }\n})\n\nVue.use(TButton, {\n classes: 'bg-blue-500 hover:bg-blue-600 p-3 text-white',\n variants: {\n // ...\n }\n})\n```\n\nYou can also import the component directly to use it in your template but in that case you can't override the default theme. However, you can set the classes by using the props, look at this example:\n\n```js\n\n\n \n
\n\n\n\n```\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries)\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) [CONTRIBUTING](https://github.com/alfonsobries/vue-tailwind/blob/master/CONTRIBUTING.md) for details.\n\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n","readmeFilename":"README.md","gitHead":"a1c5d8794d0db410a6b4ae43173db35ea79f77f3","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0-39","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-QcN7ZNgGbHzf2uSlA9a/WI4Iy6gdRk/rljqtERYM70Bnr7ylPzNbxHo/qTTYdrqK75hmTKNwZyoVH0bmsMwotw==","shasum":"47ebfdc38cafae7ab2550678e4e0c50ffd3afbff","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0-39.tgz","fileCount":172,"unpackedSize":22856678,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfGOmGCRA9TVsSAnZWagAAbdUQAJYoESXM2KOVgM8ZGwR8\nsSOAhwaFkDwyPAGw/bHBQz+8DjIlnoLKucoVeT7sbiwlhnsfZzVhYXRyI3/8\ngeJJ5lhw7dqTJcuxypOXH5P7Vt1P+34xM3KlOuuTPgE33S5X7uswonxtuBps\nR7DUCFqBIS0Cdm/MTXARQHnfTHRerxj7PW7UgMJ6sAdWeYFJrqi3cQiUmS/m\nqm1S5Zew8N65wGwMQDEGbx6VTcoOIvPxiZul9fXCxAQCcgWGptqzyYxlLMI1\nCibsxwruHoIErRNLEZXwp1HsuaO/NkUx4Bzkgzn+FAhe1AOsEPAPMKFkdUfk\nTlDGFq0YLHqdEjj6V65+V/wD4b+VeosPY02RPIJ2+eScALu0iCrPDLbrYxtH\n3tABSXPLJMoIdRT25LUWcvuwZtaBQwE/KjSj8in/voevi1lnfiNeLyihSC5r\n/tuRws+qso4dUorf5jpPQis+vun0WtDtIUuBlGgPB9LfX+XjmP5NOj5a2ftz\nafkcgsi8HC4UXCrFR25XJPCD+DSxWtL8b0V5AcFrHXiL4hTMkxebqQJuIZLa\nV8D0RyutuuWD2XFyYF3VErgLCJMUqcWdnyI5dObUbRfhaomEcacBTVI7VgdN\n9/SCaob434ERXNElmx6RICOKvtEmKX6gOqyztYx7YBdUQ5NWIpLg3RKKnAQ0\niWVk\r\n=65pp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWW14bWb6jOF/YzpkhD62TbhQu8SOzznqjQZfPcN6pSwIgWebGQUnQK1uwGZFZ2diZ7jSM2vm24FDOJkH1YqXDajo="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0-39_1595468165590_0.26497902813413754"},"_hasShrinkwrap":false},"1.0.0":{"name":"vue-tailwind","version":"1.0.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.2","lodash":"^4.17.15","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^25.2.2","@types/lodash":"^4.14.151","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@vue/cli-plugin-babel":"~4.3.1","@vue/cli-plugin-eslint":"~4.3.1","@vue/cli-plugin-typescript":"~4.3.1","@vue/cli-plugin-unit-jest":"~4.3.1","@vue/cli-service":"~4.3.1","@vue/eslint-config-airbnb":"^5.0.2","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.0.0","eslint-plugin-import":"^2.20.2","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.1","typescript":"~3.9.2","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"07f8fa52e5165c52401b7ccfc16c8e5017b4eac7","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-EtYHUWmLUviWRuZzrgEVFoqZF8CUh9fkCJGqOh5dEEmsUGAN0H8UyCiNVz1EyknkN9XUaaJPBOab5LH2U5Py2w==","shasum":"7caf930fe90879e942a4700f09db42bab04784d5","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.0.tgz","fileCount":172,"unpackedSize":22856564,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIh+fCRA9TVsSAnZWagAA6ZgP+gLjfTPljl3xh2GEX3zn\nv89G9x3XyeJ9WkwVv/IZUJ4PfrF9vCmB4X/15TH6g2JX5MYtuVt3tIlJz1eX\nuLL0rbgLT03+po6fFCUM3veVjj1Yx/Z8kVbnvc6pjqaizNmFv5tGEthkPLlR\n7MzrPPS2riDsPaYyN89K1CcIesCMifmH5ZPWD5rdTNEVZxWGHOTCjFQg10sf\n9xMaDefmNwcOelqKzQlPONAPhs6rhAxz42zlbQawftFh95v1iUQL74SL7Tv5\nwCHPEYnUcLbvOr1wz4+t9va5D9C3arlnuUpSgDVe/EFheft7FJDmC5VSVNw6\nYkNSwuAAFfNYVBQAGTj1hHcq9WBmwOGmuxMFNa1ip/JSSsKbtdupV3gunWux\n+Ty34huWHamitJtI71N8v+TIOIl34iRPJedY9Adeun4129YSDhyZ1sCjNGwv\n8A3s2NMPIwlgcMEQvxCqMx/1N9Tgtm4OBwNO03n0uWrc+6mbOzjaMruk0px1\nygvXW2Xm9i1cc9p/2qZy9etSCs6zHODEIe4ebH7/wjtWYW0uysKz6lJeahe1\nbw4H5ywuN8gthhDZYwxJ9rQywQZy3+eeKPNkNlflheeUteAv8X8E1WQslnST\nND3BmFn16DWaF3Od3+OOYxDN/RMuzY6TWkRuopxB7x/64lgP9zpQyCz2Xnfj\n2pC0\r\n=CQbA\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFTQmOr9B5Ohd4tN93gYG+zZjLeD/jd5iV7/3ewr10eZAiAtVl8+4PXUlGlepw8EEAY1cD5m6XUd1dNryKBpS4QO6g=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.0_1596071839126_0.4425882302154085"},"_hasShrinkwrap":false},"1.0.1":{"name":"vue-tailwind","version":"1.0.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.19","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.7","@types/lodash":"^4.14.158","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.7.1","@typescript-eslint/parser":"^3.7.1","@vue/cli-plugin-babel":"~4.4.6","@vue/cli-plugin-eslint":"~4.4.6","@vue/cli-plugin-typescript":"~4.4.6","@vue/cli-plugin-unit-jest":"~4.4.6","@vue/cli-service":"~4.4.6","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.5.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"35cc7bf0b3677b28f5b0225421ea645cb7052fb3","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-qhO3liCS+VUwVyykX+UJuvB4jlfM+Jm/hUjVd6QuDHBrbYEEFieancJH8ce02+aM6qR455Tjxs8hH8lbj3SICQ==","shasum":"984d79cf785a80addb9a33f252b97a64e0d3809b","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.1.tgz","fileCount":172,"unpackedSize":22858064,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfIiRQCRA9TVsSAnZWagAAZAYP/1yTJMJfTqPk1oSF6fR6\neM6Ky7IwRGokkr+VHjRUC2yClzgRCDowyxZCQohPFhJ3k75kMVkmGSxhzVl9\nVdLrntbmrUbINwP/03LlFO0d3tZD6Iuhg6wUWQ51E0vYJjMHgEQdSbsKebNs\nk2CBXdTRNnlmuDu6L8c4zs2tcO6e9UwmcqBJxt6AqujJYsRmTCBp8N929kdC\n/BWIykNyWTpRUe+nmQ7YCMMhHIVL5blBROcv6FHfEeqBI0b7EZFmCNhTJLJO\nJb8IPbYTEQgyS+A/BPq4u7MVnl9jHOsY0prNK5OgsCJa6encEU6Hdn3fUdT/\nfp+lHWMN2k20B+SglVf4jRRDblotmKjX0VnVjYC3Wr/6Sik3Mz/0QjJevouB\nQk7mBCtucbp923b7lldosx2MQGrsXESZ/ik5oWJLVgPB7LTT93bajnPkrwsn\ndqQji8of4b31UoRr4KxAUAQvPE9tEVGHZLiTC3dbtRVk/+q84dm2YTqzSYSz\nh+bhMZkBpGEEcF3LqHU+YQ1aHYU8DF43UpYAlZcIPkIdQ6u+hHsaERjuUwlE\nl2EhfjxEUjEuaACM7jdyec/dkmllxIcl9V0qQ7z/ko6cXClnvLmZ5oVjRyjp\nyQkuQQNqwcL0qWiTvoZv/36CFeiys0oMeaaVFsOjEEXq3EQeaYODMLtOgrpV\nZ2UU\r\n=qFaN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDpGsT5lopiuVcjj1T8yesS8G9hvGqOrk8elOTnTUzFKgIgQoraCKUh20CKqLyjoxDNKrIloYixbYx8X0DyKC7/hNc="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.1_1596073039480_0.22499974178140048"},"_hasShrinkwrap":false},"0.4.7":{"name":"vue-tailwind","version":"0.4.7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","main":"./dist/vue-tailwind.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","build-bundle":"vue-cli-service build --target lib --name vue-tailwind ./src/index.js","lint:test":"vue-cli-service lint --no-fix","lint":"vue-cli-service lint","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","docs:dev":"vuepress dev docs","docs:build":"vuepress build docs"},"dependencies":{"body-scroll-lock":"^2.6.4","vue":"^2.6.10","vue-popperjs":"^2.1.0"},"devDependencies":{"@vue/cli-plugin-babel":"^3.11.0","@vue/cli-plugin-eslint":"^3.11.0","@vue/cli-plugin-unit-jest":"^3.11.0","@vue/cli-service":"^3.11.0","@vue/eslint-config-standard":"^4.0.0","@vue/test-utils":"1.0.0-beta.29","@vuepress/plugin-google-analytics":"^1.1.0","babel-core":"7.0.0-bridge.0","babel-eslint":"^10.0.3","babel-jest":"^23.6.0","eslint":"^5.16.0","eslint-plugin-vue":"^5.2.3","lodash":"^4.17.15","tailwindcss":"^1.1.2","vue-template-compiler":"^2.6.10","vuepress":"^1.1.0","webpack-dev-middleware":"^3.7.2"},"resolutions":{"webpack-dev-middleware":"3.6.0"},"homepage":"https://vue-tailwind.com","gitHead":"c7af3e37d08132d38686cb42b536ef8c5af986cf","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@0.4.7","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-aZQvo2N/Z/PXwB2f5CRMdDm21w/F085FKPXKtEXZurckqNUIMhbnNW5LCrGW5dSK6lqsxAr60OFQ8Tmi+utVWQ==","shasum":"53269f23f2062e972b3ddf5457ceb02964dd3b9a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-0.4.7.tgz","fileCount":62,"unpackedSize":1333100,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfI2TqCRA9TVsSAnZWagAAluAQAI0FB2tGm0YOO2iO6/g4\nDu6cxzs3gR8IdMCyOkTyFP4sFwFs0At+u/9VtW2VGmiaxskFzwto3+GjNCYc\nrj3X6Dje5VITUYpD9WSEIxmrGMTztafAsKBGPs28/cG+1GLspuGUAkX/7MyC\nZk3AtfLOtWAXk1jnPBuSWFDKdcjUzNo+/th96ciH/S0V87OIOin8D+e+myH1\nHSY2lSim1LMNCuhS/RJstTkVfsOhcvENdQ3m0mpVMMrEeohUJ9IaZAt8kS+u\nr/Rakbpj41+tK+03Tz38SL33tYrBgGYZKZ8fE462W/FjLqqB+BltNbCoKySV\nPg/xfaamMZ+mLb88NnRcWFhZOUSaByAw0YZBxg5WuUIHAe2pUt9Rxps8qLBG\nOOKkAUp7iOKrROnOEoa7GolDSnaMFSx7he9eGnqCXzCYHtbXfBjnTnNEGPvN\nti89KcZ2zm5uY95kjz9R+5MlFzZ2Mdhj6D3vQpx3KUYoMWJvMKwVLnnhjET9\n71mt29Q9QfDZ7xjAf4GYscx5eu3qFp+sqAG5etDucLqmaIPqQPLWIaxAd/4I\nRUwk8NfnvUtcFOqwg7dxXv/6PyUOixXNQdS2i4tcyP64s9PuQxYQi3bsEXrg\nrJZjfO7xp0/msPld2oRur6OXaFoN3y1k2O2x9bRK08CvXJNhBby4w4c3i1qa\nAz2B\r\n=Gwf8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICIeAjl799/4iPPeIRDFxOT688/JzMKdnKj/MxDJLMlYAiEA3TWmdM6rdN0PD0sK/QymIpXfuck+uLoI7mn3UL0suXQ="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_0.4.7_1596155113622_0.5111024782171489"},"_hasShrinkwrap":false},"1.0.2":{"name":"vue-tailwind","version":"1.0.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.19","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.8","@types/lodash":"^4.14.158","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.7.1","@typescript-eslint/parser":"^3.7.1","@vue/cli-plugin-babel":"~4.4.6","@vue/cli-plugin-eslint":"~4.4.6","@vue/cli-plugin-typescript":"~4.4.6","@vue/cli-plugin-unit-jest":"~4.4.6","@vue/cli-service":"~4.4.6","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.6.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"75d380017b68b9ef8fc4e073d41cf56179e821ed","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.0.2","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-yPKlukk8XOSgl9ZrofE1QcDLGtr0LM93zfJnDSaInagiL+WS4zp5ttSqW4LlVeynQvLax1PXa1rgR2LuH9mdLQ==","shasum":"90ac0875c4b89a8ccdd7dae0bdfec8aa154671ce","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.0.2.tgz","fileCount":172,"unpackedSize":22861171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfKDFfCRA9TVsSAnZWagAASCcQAJUbbRDmlmsOEFjinZXf\nizr3Iyej0nAH7jLhG9Pa2oVSC4Kc0ZS3kyoxnqfSQgHSaXUc2uzITjzXUgY/\nDIyXchyrdBQ+8PEyZLowVTUsPvEJnvnG7cf+k3uNtmSFcIIT0ucx6M6nhOEh\nDlpcokwDmuiaZe194yOxXPvMYMh2lRzeutoHcJpJMzGSnsfheNNIO/wQHjv2\nXrbuSH8ROX1TZI+yQTBxRt57lpnJjjd+qfT1lxRaWClk4Z+gThesVQjp67WH\nJrwlJJ1TIUjH+Sw6igN+ELzRNDkRIf3plOPEmq3P6CybH9hiBhl8gi0gGJc+\nEmzv3j9EuwjVzq72uwbA+TX5ut7Lz3jJO3JgACMxNZNH7STKgb4eZZ5MR0JS\nxsvp4lQkJWkUZAl874p/I21ARu176XlAZACqLB9JhAJdQQObqoPBVdmMiNmv\nxz+KilXLnBKcgtbOTW0QhsCXicdfIYbheIZ9NqlQ3BULX3wxlrOebPQeX+zm\nPeHKglW7h8fMtEfDPRCOo98/00SayCQtVfL6F5i89ryAIdPf5K6CzD6CXOw2\nDOKP3mbU5wa8L8Q3k4BHUQXaCf5J2/0AXBYehOpx4OpCvvCfXSmjO5DkiDrL\nnoBrrdB59CABtggijHlpPbWkpq8aSmv0AU27X4Jq1lVyKtw3YvnLTCHUIAp9\nIUhs\r\n=jhE2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBEvZ5TRCKjYSxMngbeMHQx1w/rYLjmSfZ4lMGXppj4TAiEAyajMb7p6S2NUBD72pbjNSXFRV2c22YJz+vY139qRvIA="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.0.2_1596469599011_0.4985017554674118"},"_hasShrinkwrap":false},"1.1.0":{"name":"vue-tailwind","version":"1.1.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"9a318207cf612e46b9d31a4d816ff38e05152ab2","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-O1dmlboPavhID7vHkuzn/oZrXuAaGNPU7x3aYzgC3geoov6cFbS7I8cC0/NXPH6yu6FA70HzlDhfxotdSmlhqw==","shasum":"85f77ef8159876b8fa69827542ef313a650eb968","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.0.tgz","fileCount":182,"unpackedSize":23921605,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOI27CRA9TVsSAnZWagAAq3kP/3i0ybEMLKejXNi8E3wT\nhZ/LtvkWLOkHA33EpnXdA/RVxOTGZfmaKHTODA5GKLrxPK00uuQRF+Uj1wFX\nJjvzVs9wBhHDoHGc5r7IO62iQLWbUgnrebckEsHrsjO/7v1fYmeWQ+LylnI7\nDjDtNlnARPXO/gFLCkVZTyD+X1hhRGbbV0a1/9qOgwfyU9VqG0FpvFSY/h7p\nb50Ffs7FzuUCZ96Y9DDFKPh+3I6BRJ0akzTkLc/33lVlfh1GxzoGU6P7Hd6X\nRH5FXKdmnb+Dv39c262kBAo86Maf9kcjGb8WyWJemPUSCa1R94h+k5m27Mp3\nsEeewKdNq90bIOLWx6UOjfzd/BhHdej+T4c8BKiYJV/WVsd4I1BiUEmMijOi\n2T8sdfNqLv0BsYAr1C0Zj1Id3XAj0fE+NwP4g28bELL9zk+uGtNYFwoI2TaZ\ne4N52oj9mL/nLp/Q/fE88lJ3vLt8uGi8pllxbi6jEGwDP4xrQw40emiO4hsq\nVizXRMr83OG+l9UUBihz5VvpTNqNt5uwZyiQJFneVnlMCVLPKqttsdZD4B/Q\nS6TBYoc6C3QmkbPRNGh43epJF/GprZloqTqtH3Ot8AfI6M05QnUCdXtPA/5H\nTrN6xrFTIuotu6jVK7+ad8TOis88AVVuwvZR5MP7dsYmOcSKMJYyXBriqVTF\nEQ06\r\n=KCTZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCneQGD7i9QBXOzhPRqPrFaJCAu8JuTeo5CRiO7i65xGQIgC8v0tbBcfXMn1opWAxTKX1YFA3uqs8X55AyOPqHWFi8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.0_1597541819049_0.9310634405046312"},"_hasShrinkwrap":false},"1.1.1":{"name":"vue-tailwind","version":"1.1.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"5ada85353f8d002a4d81a83f126eeb5a763e4919","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-nqu5hxoh+IbaIhv7D6TUGB9isuWt/YddW3fhVm1Uc83YfLyl+icH3fnY3e0A6r9DQqpbwp1j9cnRA0PKo3eoRA==","shasum":"c48b6b6310ab71f8bfa0ec468d8e623bb250baa9","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.1.tgz","fileCount":182,"unpackedSize":23948435,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOKOPCRA9TVsSAnZWagAAspUP/0t+/3WpB4JJzaIFvY0s\n6xIrWRzP6vsozc6RYgFDZX0jsg1D0nFsFJJpjWEz1nlTvAxyLb88k5FCVOXY\nB1mrDuKZNNij1Yx5EP+GpkXa09P824pzhF+mInXtHr31rvOX7Hah0bpMd/1j\nU+nT5Tp8RtjyaFlt5MpyVZmDmJoTRjoH6PfXBNo62jUkC+KcbvCWcgRD4Ure\nwEP6zS2egsJmS/mwR6ZVPunKeCp0ZhNhd2vsk9BCPHt1aFejL/NBYSur7ZVF\n4VJZ67siHeLQ2D+lc3X2pC2staJTnneMEzdh6O2Xfjz1O6lfyLLQhNmAvGB4\n8IKrT9MzvGG4tsjPDoRh/fJxFLEdEkVeHG7i1OA1acwCKorUCip4eE2rLwcb\noIPWHRrf7shJn4rRO39JyXO3jiGqxhYCVE7iEsh6Izii2AfXH3+up6ZA1DGy\n0gjLV6JJG6w2XQhzuyesLmDZOJaxDcx7kPZMSP5/SokcWC5Mj9b5lIBIOw0v\n+L++sqKaKy4r22VotauiN+8Fp7VOMAcyZF2qNddfY9ua0oct8KqTWWhPiMCI\njTfhMM7NwBC57tgs3MigntDtHJJrtjl+O1jcgVUwsVD4/t78yiOndin/gEPa\nTyGrL2MDnIW/tB6BDZ6XxGDiVZhxeovSeo51RgvcvxYFZ3SiNpHKuIfBYVyv\n3QkM\r\n=QNH3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEFw3rucXDOVU9u1ez21MkNDe9Nm1K1SqsJuUfmS8EOJAiEA4rcCRj9ChX478RF7l+cWBXFkcFQ7cjRU3Eu/LpiZWJ8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.1_1597547407301_0.24784185442513595"},"_hasShrinkwrap":false},"1.1.2":{"name":"vue-tailwind","version":"1.1.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"e799baf17de9a5602db9858dcb699e5b5085db28","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.2","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-E3/dZL6CfKUv4r9oRMR5K82SC5AZXlVcED7/cSHPrB7ElRiyi8ZcAuffgAIL2DBIWEBbTkm36CiNOuTMorepzA==","shasum":"76897898c5c6393ddd1b8404cf7520ffebf1a67d","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.2.tgz","fileCount":182,"unpackedSize":23959265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOdtACRA9TVsSAnZWagAAdxAP/A7yuV3Bx/Di9oWmoTmo\nukIVwYPv/P5IgEuxgpUDJJqRpuV99hkWA2HL1D4mFS6DjZCZ1zTYw5lLIipo\n+tFdIVT0lCbgS8JvjDfC4UtS/0Sw8PC4mj+lmJ3HQMXI6n7IyPZa4wXcLVxf\nM53R9vmfA3OfgW/bcrwyEztDjKGZM7tuCOmNQRRqK9GC0KwX6k+N2jhTfQlZ\nFq3/9pFte7xcCLfWp7nZQQo4q/jU0VpGwmMyxujFnuY3AtauTA4o7P9Hzi00\naEGCjZYm6kZ5lglRn/N9eUVeV8ejNy4APr6vrwEg0RN5Mm5tOSciD3b7gAry\ngcithwPHN0ysxe/ZpgevUVO0Ik/rHSs2l/KKlsFE/JYDM7v5ORgvZaZJKVzN\nAMdwabW/j6Z1XBmN0o0lcmtdPThuo8tym+xfpHiozBbAAFW0qi0d/QdQ1CGi\nz3R4C1qwLn9bG0Tb6ayc8YJzOUx1vbw9GdZrETDlaRWZC1EeYR0F8aBeR7x1\nJx0Jay9gxVkgl/Jckk1C/u2O1RLs4UTkwFbHhOmIW3mgDipT2YwnEx2x9631\nL/mFU5uDgQxskZhOy8lAbhg5aHqHDyFrQn/MQPR5e1HwBFn8FvOP9nb4DH8/\nRl5zahEYgwhQ60ywbflsGytPAkg6j7b9QZF+YYXTzsJvIQOXisL8LqyNLeqB\nzTtf\r\n=QanL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB3ruIWQWOajz8r9LN8x0lkiObciRTeoVEuUn613/w3wAiAwjaD78ymrta38C7Te9s+q4Tap35Dzc8a8Ln/JtYaTvw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.2_1597627199825_0.6648479704752672"},"_hasShrinkwrap":false},"1.1.3":{"name":"vue-tailwind","version":"1.1.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"fdf0c8913ad449fdb6ab029bf35cd64c480ad040","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.3","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Wc3mD9sGDXhbHKF+X12bcoHRsSDYLjWjW313jiGq1GVyfINPFwYHMaTNgFBY/3bb+d9V1fcDH7jVEOR5Ta9rAA==","shasum":"79a03be4d7b636932f081cdf6bed9c34ccd04b01","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.3.tgz","fileCount":182,"unpackedSize":23954341,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOex9CRA9TVsSAnZWagAA3BwP/R5ZpO9ftfdV5wlLIm8z\nHXdxkuvjadXoxxnU8mglWeWSuhNzvktI2nVASEJr3yIXb9eGULy7tQfTw09G\nB5kC41sGiTmHiAQ3xrv/Srp2+quywKIccRLnvnQpOaLSV04qOrVUoBjjBHP+\nCv3WBTs/sgZpOKXOlYxY0PjAYArAa3IlFPXU3asTx20AQrM0ncGkQM6/jgBy\nUkIWSV/r2vWsUx5T/i6EZIo12PheQAY9vfgZZF1B1QqaLyUXUIUWjRv4zpCT\nlWtlDbmjgqy9yjdp3yOWLnTKN51825IiCZqIDVW/FQsVk9rF8tF27FzXH7Mk\nmpdyi7+AKrTuu5/8TorF+3n7l9y3HmJZll6ndxth+xXbQTEhzemfPIyMsifC\nBI8Wih+PchWGdK0f4QCHSZx/CGWlvS6pdjVLD+njxWVs9VJnQlWu69Y3VZl/\nB+cWenZk7oSIJM78cF34ZnHTLdefYpg6r0idEqYypR7cp7byzNtmFzELJS2j\nwAbPRp1Oo/d6faIRFVBQi3Y9jX0zeMLl5RLkxeSiXRtAyvLpFPXakEnPcW+r\nRxLhwKclWH2LYwvuLdta0mXbMGZZYkBlDEXT0OgbxleyafQeNUMUtcqfj56H\nBiROIl0ge74RozY8gu5nCPdm05x7JClSfWPxaSEMFfGxCkDh7GntVysdQkFV\nQepj\r\n=1ECN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHnK/oTh5SgE7p2DP+ABy0YLiu8mVekp/GXizfrN/JPgAiBH54VWqer2ucxhAYfbU5GpShBp4kUQTcU3ww2uFqMuDw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.3_1597631612369_0.12099796365099147"},"_hasShrinkwrap":false},"1.1.4":{"name":"vue-tailwind","version":"1.1.4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"077586ca8381dd62152bc2c0b3c1c1e2c327a1ff","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.4","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Xj6Ot275YCJPfH9xWaSFZHrtxPYpv3mZn5oenzTf1JKhnsdFd2yWqm2Il9sObKHeVpR9jKjI75rwY7B5ChkfkQ==","shasum":"8618fbedbe2747ff3857cdea88d8892e18c946de","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.4.tgz","fileCount":182,"unpackedSize":23955863,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfOqgiCRA9TVsSAnZWagAAzkYQAIbj19Gbb7Pmx9wj7Ney\n6qiWSvSSHlvt0Eq9iMEwMVJEKYdR/0VYRuMfoebJ1SBpAzO2mPeIzUu0OR2j\nGiXrAxtP99K3hKkYwVBv4GMscm+CGrD8n1RTRLThJsM0FuReiH1ai77DQRgO\ny2ZTU4eSg53B8IwBXZOxUqlN5AITYsO7rTcqWiu18sDslJ+YCMByNQ9JV+qD\ni9nYIFUGvx8KbX/X+06uH5sbN0BdJsrUm7mLqaTtcaKzB79GTfCkwa+jMIdz\n1OlA8bwksq9IJMmraM8PaJD/Qyxw9Zpd2qpFk5Qkz7rVx4UIyOonEOKBKrPT\n4uI535AhBozf6Iltfdc2xmXeM9RfgzGM0sA9jEz4dHxOVBhPLgcWMq5c7fLb\n3Jc66YCHNnIcleQnTi8GivLV9ooE3QF0/Szn96RXZRVigIJcGVc/fh7HDHFv\nPQyy+WAEhMWaucuUXAPWoXHy2AZ7k52YGXv9UcoudiZKAqGkniyH9YObfVXP\nley3rVkj2nRY7CJZJaeSflczgD+F/TXp15txYRPl7dqIz4edAafhZ5ny35eX\neMypOG6zmi131yeBZ+hkIRrYb7gbBtZZtSyVEVEuZ4mi2PB+AFbm9ch6jPXM\nQc37rVdx7WduH+V8FM2SCR6ERgfUKLCrsDeP74g4y+CYYPfSgH69abgAoYCN\nWZRY\r\n=w1QX\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICRdL5I/sHUlTYiezGU/HNOsDkhO6xRB6vDKxPpwsZ1eAiB5PpWr1AGuGOFX3xve0FW9MGSlgFg+5qcusaY5FeAU/Q=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.4_1597679649812_0.13282907255830811"},"_hasShrinkwrap":false},"1.1.5":{"name":"vue-tailwind","version":"1.1.5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.12"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.10","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.1","@typescript-eslint/parser":"^3.9.1","@vue/cli-plugin-babel":"~4.5.4","@vue/cli-plugin-eslint":"~4.5.4","@vue/cli-plugin-typescript":"~4.5.4","@vue/cli-plugin-unit-jest":"~4.5.4","@vue/cli-service":"~4.5.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.4","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.8","typescript":"~4.0.2","vue-template-compiler":"^2.6.12"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"d8242b584f0c309f3573e2163ff784beb3b6ceab","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.5","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-um//U4Ag/vSFasYn3Y2Kb5b+OCeZlYHDrup7KpqK4MePEXKddUZT60GB4E/wwKnVLp0b2DytlonQuCvvs+FJCA==","shasum":"4d34b5cbba1e9b2cffa3f0dae1faae296dfbbee1","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.5.tgz","fileCount":182,"unpackedSize":23967265,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQGaeCRA9TVsSAnZWagAA/lMP/3PJmUmBRdILRCW2Yfbe\n3zJ0ROAkgunI+OeDqoNrXjeluSHnox2cvA2jHnwNQyEffEiFY3KXe+MP/6P+\nVoMcE5Bp9fCJt/pMoj3gxMWTeN6NFdAIKv5FqwkOAn1cBhu+naNzGPXhKEqO\nVQBOpEyREg9f2EENFkBWGEUF4m17nqeXiOtJJ9rUhYQnhr8t4RLySUt5uRsR\nk+/Cjvy/GnEaASnk6+OffrpRKWK6CB7XgU/T9bLS9hF8VMI2uxf9+AvbhIFX\nkXl/QCOvZ8XDYxx8xZhE465ms5w8PROju8o03BwqcJUcly42GXUOxWPOiAM+\nqRKEHtYK90yMN95gKdh5QuldZymvbu9kTai6pOZS+F/KYnJBWbCYqV+5KUuT\nHfdYhL0Bg/eREzhtySNmoWV+4dTE9GNocg/Yqyr22ZbXrJQkoveY33GpbPBY\nS8v0uDMm7DVKSK3s/RpGgz4WziOqh4UUOzOmZMwjL8Yk1GguCf7Zbh6mugT4\na+We601a8AEusMLcx7b4i9dUiOkwIQWEama1jmdvvJ/EYmEqOWuco8tY5d67\nIt04zzXVAuDG0ooPSZ1hTcNchYqQNgx1OwJYg12B9Q/uO+Uxs+qvHgZU5tz3\nfydGedADz/sk3yuA6nglWlR4XDAnbXOwOF6QW4nQ7/xn0saCM0VM+gmjpKAt\nhG2Q\r\n=1c93\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICGpGGGGP0yYrOQxvwMmCZGJwilj7sYEOwL2GuPc6IiZAiEAvyvA0Gq0jt25Aom6Y8zvaOmcf82ij2W4HkFHmtlXsLQ="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.5_1598056094182_0.6895720321106622"},"_hasShrinkwrap":false},"1.1.6":{"name":"vue-tailwind","version":"1.1.6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.12"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.10","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.1","@typescript-eslint/parser":"^3.9.1","@vue/cli-plugin-babel":"~4.5.4","@vue/cli-plugin-eslint":"~4.5.4","@vue/cli-plugin-typescript":"~4.5.4","@vue/cli-plugin-unit-jest":"~4.5.4","@vue/cli-service":"~4.5.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.4","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.8","typescript":"~4.0.2","vue-template-compiler":"^2.6.12"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"a971247fe3db91280bd549b521179ee0a85726d7","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.6","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-D4xQO1l4XBahczCYIWFG0fAl224DuxJ40uCGbgsY4XGmrD64eLc89ZktcELbTpCtstFY1DFMnkhf5a05k5S9WQ==","shasum":"f35e95cf24bfaba2ddd313ebf2994443d3cdc6f7","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.6.tgz","fileCount":182,"unpackedSize":23966493,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQHlfCRA9TVsSAnZWagAAT10P/RPLDRu73wO+ghO0Ynea\nJ37JcaouaeD1WQpKo5HsYBjTABHJnRYrUdVcXNfl2ZXCODBzhW/DImLemnId\nFvnCb8hhkhGo5BoaQzp2qTGuG/1F1IHT3eCDLpl7V0UjlYRvaZtlBtZDdC1X\nv/3JIduSzfhs0qOdX4+a1kOHb1KjX1kDmrbhZOW5D85sazeZxwCF1Ix3Dh6z\nyQLNhFJDe+5lbMGhEguAA2T0p7UFJGioKPFg8qoxCLPtWpzmHtsDh9N68W2f\njt66H4oDtKZIuqnhsHYOJHv4lZOEx5KPTX494kgbTKq2NLrraGoIn44KuW44\nqWF2GmcX5+jC3OnS5fjQdStOlehEnTJ25NuWOovogQBB12LkvdjKz/y/lPCf\ny4s3+zjEjquajr1FjXl9KvnWsEj5OUv1WQ5H/69QLeMplli30QfeCKVJmQHY\ndkoAVqtiaPouBHVXva7CSZYLBALePNKVLfhhY2my0m1ZpWlz6R/vGGX9cBVz\n2g2KiaR8NqUmz3VqNhUG+Ui/Qi7OHaxc6zc4TOoHK8qOYJOtTq4iy5MAthPC\n8UPYTO6372tTC3NCNKAw/M+oR+IHbnCgfxE9z5H4Z7XcAnBPHNIfh627MEdV\nMv2RITcwtnNRqIg2qV686cMbxTslGYYJrpNbz3pEPAZcUo+iCq2fA9hBF+vW\nGS9a\r\n=GMIy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7w0r+9SJGM+lg+//5rqJhuOi8NNblOXdcWouGH8T2WwIgOoMi7lp+yJek5E1nENUlgSZqrmOquh59tc2ERFId5Dg="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.6_1598060894975_0.04666645114276946"},"_hasShrinkwrap":false},"1.1.7":{"name":"vue-tailwind","version":"1.1.7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","gitHead":"395e42117119088083a8a7aa273434d638a89dfd","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.7","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-Rqwponv7Nu5iqHFPWv2m021Hdftu3nbTpqu+DIOd2KBsIPYAcr4ioXYcjJfgIgJvpBAN41TqMSiDaXaKSZwe/Q==","shasum":"468dddbf1a7d224a5cdb76b891898609fc81cd91","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.7.tgz","fileCount":182,"unpackedSize":23966492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQdQRCRA9TVsSAnZWagAAEpoQAJGqBNH7zHLJpSNVYdcg\nbwR81vIXjYqKyINIhwMQu0HZvlp6z75mudgWMKd38UdEf9PSpN5Vc1HufMaG\nIO8t/BZZ5LfpH8/5bAMXp7Z6uO9iyy5ka4zOpBbxGc45o+qvcHTzzJIAvxnW\nPdyP4RbVlbUEDNZ4L0C+UWAlpUgUWSQJ62TaghM/2NZyiuwNSeYZY1NmWQ7T\n3T0CzKSuvUeXjlID3J220OhPSdK7EN565H++JZd5ZA/vyO4iT2JsRd8tlUd5\n1fS8jtcVu7zDwpyrmQj9WwipoNufDxqcWArZOQtl157DWqDAVAtvsfFnQ0dS\n+nY4mAYxJrfmv4df7LnLEJgUicETwMNhwxu+/0yUGKsxXeaUld+HGRA+coHb\n9RbGVTXHba3HmNhre52llxfS0u4ZT27cJGeBLwCmIbIxlMaKlNbVBIta7gRt\nMTRSh02sEjo8O7L5FuzO94pFWnSz3P9z8ROFK7RUGWq2nHjNW1t6V+TuPOOg\ncyKSEkjiwJiYHOI+W1YjHCydko0R5RMG+Hm+n+5APMHz4ZLUydeo0ZIWjCt2\nEUEeakdKeaLOmQOBqyW2K/GAqUsq2V/PkAVn2ejFbPLFOG0YQQVlvkfJ7wFt\n7IDQqHhriPGGErnWZQ37CZ4MDhvViSTZJgPRiwXl38KV1lOWUOFqqpydz61p\nxTlv\r\n=WWhb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFRQOlLEnC5MdPaAGn2MJDEf96mM7Jv7piNNNJwSlEhkAiALrKHlZvdklfK9CxrSazoaGWDpYOCP2ra2UOfqRVwGDA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.7_1598149649057_0.09809578087404303"},"_hasShrinkwrap":false},"1.1.7-0":{"name":"vue-tailwind","version":"1.1.7-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"b72e5057762501227ceff3c20d9ac359398083c5","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.7-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-68om7nNNjNqB2y1QfeMfCrlgZCAD5D4HAdFh9/Uf0LGlELYSUIJh3xwgPZZqt1INgx7UBv/0yuzh5EAeXrgeHQ==","shasum":"fc9d0b603cf11a07317a998ef96f6da20d49e1bf","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.7-0.tgz","fileCount":338,"unpackedSize":27234289,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRvJTCRA9TVsSAnZWagAAd70P/REdFPQvp4xmMH9sjQRJ\n47XiIgpHvl82NNb95OxOCD6zTY7mwJcFbjXlGVM5d0i+l+PxquChuDXKSnUB\n65PWfHTjW/x4wfkn+AcEyhwEWufhy15ZdgOp3vOLoG5gpwCvgifhNcJnKkqh\n6YuOJyJZJ06ATxDuryYwUWfu1hOB+ymlgTp9mz7m7FIULNZ/SNE0uzVCefyR\nTDpGB04lkSkOyW0VHNs70TJf0+qAn2Yd+Pj4CApkcPRrouFWDG5cGNXRLSJC\nYhYuc0PVG+uUWt28Rf/WqRvmeukaOFC7jvu/DXYFT0sntiMhbNSN1k+InIK+\nRpuBfc5BEhvZBL9E72eQNma2X7JiA2qPLg/oEGa5/32axMJR423z1v6sfizI\nsaAdqyE25Kwg8pQaWUVAzj8WkjumXjoFcaLlM9NT+WXk0IqYYjA0FPhMpRZA\n2Sd1Qqu1wuAJ/gfB4aUeRH6meShQxhBIcaWR4s20449ob9YidpniMU+hCJvx\nblzw6q1vNzQdf4fQsW+QA0YeGWKnfVKJYl6EZ/w4iGQFRAOG4S4fiItYvJUs\nRYTpZQG0a3aiCLiCQdh23b+R/HzWRmjbBLN9RqJPEuvnzsOXNiISq3uZZmy8\nroK7rY0yW75+Pl+D/WUAWkVfJ36PrA4P3lH4JeTzjBaoHTDDVVBbsgEU8KrR\no4/T\r\n=1aNt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCwoHo+iOhd9X8lQYa9ei6bFoh10xJy4E/wFC2JVksMEwIgN+BJOjRtptlODnxkfGh7VbAlH0mlxd1valvT0VGy4Yw="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.7-0_1598485074587_0.28795210286642714"},"_hasShrinkwrap":false},"1.1.7-1":{"name":"vue-tailwind","version":"1.1.7-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"6d737d628dc1895f840f95cc24be61fa4ee22314","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.7-1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-52KbqXH9yEoTTVdBPtz8UoYu/sYtztl7zHaTKWtaPXEpAWtvOMz1S2m0LnblMcwGAlj+un5vI7NeiivEvtQllQ==","shasum":"32f3b3a18d8e834438259ed80a81897d3c635043","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.7-1.tgz","fileCount":338,"unpackedSize":27234830,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfRvYJCRA9TVsSAnZWagAAs0AQAJIxRxyK9jiemQNGLYyT\nB40grZtTD36v83cJXCS+yZEvH4J8AklQH4cWpjH1M7ZYRKAWN2n+zYo8t3Pc\n7ZqiTWNdeMNe3oSMSFYIz2C/CoO4qgjOnMfhCwIo66y+15cykx7Lz4/RaoT0\n1TqVGitIyjbxQwLWBbTiPfKINsoBSi+EKoSaot6pVUkVUbDaoCV5p/pwu0q6\noCkS9wc4jlrBmpXINZDWtbQUU5j/iNqmi/tOit0T26u4t6lyrRe/gx6XMNwd\nddA1R3lKS1czFzEWO4lqw+k5T3QjcBzeekY1oFOogFjmKV70GP//3lPAFPdX\nGszV8YM7qmI+76JXUcpFwvoZkpghvcjenr7J08q+beU+gViFw8bKHOpxb4y3\nmLb/GWqcVwaxxC0KDO7zSYZBqE+nyc0U3EEBLR8rGSBTS5IPcTSBUBtUz/Ds\nYqJeHup/PMrhQYsudUxCAY4sz6dnXmOjvQHuf68LdxMTWlFW0GpHG2sVAD7M\nuIcy1Zwpt7OGD71UVDlcj9XwYHDChJzh5Ck8HIL50OJGMYzLRQ2IpjpDijbH\n4D/TdOok5ubq6k9muDEgknbp3U+pHhkXmAKjsH6oeinE9cwq3GCZ5ieJ9Mka\nGcbKivSwSXq5NkxOnwyUWtY7l+Q3m9v93zttBUZrcdW9IqjGGbwwm69rYV/T\nKEEd\r\n=6B8x\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDWfLymHdtqRf0iWmiTSSoXiXnCWJItPgXDaga4rjQcTwIhAI2HIBat27jL7N/5RTu8PG4Z4UPCgskFPsEE9jC8eD+9"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.7-1_1598486024554_0.012373362851336278"},"_hasShrinkwrap":false},"1.1.8":{"name":"vue-tailwind","version":"1.1.8","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"5041e63183fef2596566a6b637be5d1099d5014e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.8","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-laQpJp2ye+G8tIUXbfNk5YDRJf8h8dMrUhN3SN4Cghe0NpxNvMEoY9pyu2NVteacGbtcetNbJ9/MEpNE0QCMJg==","shasum":"31d60cb54b455b8f3cc1d0bed4f0655a2c3cd919","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.8.tgz","fileCount":242,"unpackedSize":24012437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfR9AaCRA9TVsSAnZWagAAu6YP/Rg76onZDCpo9UHpqTe7\nCNmeUqcyxoEWr+IOraWpDyPxKaxm0su0HWP1U679cH6sOYokbJgkWHH3bLL7\nkHBL/EdPwzGGTKzf1O78nbytizROh8EpBAegK5zO3Ny8H3ZGX05np9rvaHhK\nQe3R9xHpJ3nsFaGiDtlMgSrnyT9WHlD3/vQUERZ/mljBwjYiyc6gKk24TDp8\nSLYSRZ55NrlknO3ZZSUWGz26HH1GCEDEhhZey7Hhv2QoU80nOztAjRv2Lfib\nruZlJp9bvSfauZRYA+dbW+NrTqVA6vvhMqPPDjWSU367fu33o2swgY9d9Rbf\nRtTRA94v7Rq6YCVV/T6eaiiplWPd0E/BleMSdjY3M4Afd4BcmS5kKXG/uojl\n0HqtXOFkFpyv8VQu77ljBMQ80pCgayYfxmSnjmGt6HEcFBQhCqWhCObC7ymZ\nF6pgv5eryH8N7ftUKeG3//i/dTPJ7Sz/2l1DXino1utoMZDrY6W2Xr0vDD4A\n1AwBQOvCcHRMzEBHc8T9hzQShzdVWGknQFrtnj6/DO9X45vf+mqFA8DpMYld\n9/2Syvua2XVh6mHe9tH9YhCCQxo8sjsw83IBB/7MX/NNZmX4KHv1N19OL18n\nPuMc7OrrU04UQl5ASlU9UeJ65ge2+CRLCYCkYXZcTw1HZTOsTk/okZMgcPSC\njGwF\r\n=VSEC\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDO33NP9Euwz9qV/B0bdIfE3eqjsaE9TxM2OItB7570nwIhAKBF8eqUL7jBga7+P5/ROFNZBdP+ZtRYBl4V9di/geLG"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.8_1598541850020_0.06828707696304748"},"_hasShrinkwrap":false},"1.1.9-0":{"name":"vue-tailwind","version":"1.1.9-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"b241ae8386f0fd63da518b918af1ae8de84927a1","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.9-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-gUb7Focqm69VjBqH31DtFPeUOEBtInfdABL+yrtxuzhcRXynPaj3fPsd5X3214uITsqdMk1G5PJIpud9N9UnTQ==","shasum":"0b93869e028071b17ee04152eb10dedcdbcc9de5","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.9-0.tgz","fileCount":485,"unpackedSize":27611802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSGTVCRA9TVsSAnZWagAAd38P+wfMGKCFmoDbsQMenr92\nbMvZJJyYBYT6pEk8RdvBhkmfnRs2kb8ZbwB7ceVy7VyLDbbpol16GBJQ6Tlt\nqZcojnGPo6OrS99+9d34HUSj8qpXPpJDfVlSxeUVKEif73mY4EwfsjnSPXPG\n/0W/VC20JzxwCh1PY7b82y4ZoSrkuDrnsKzoYIPm5BlRaAOh/qlAmSkPgKtI\nySRI3drbDDELO3KQNAgGqpKhqR7fKp81s4pReN4vS/wV682KDAWjqDdmlaIy\n3RDTHnwVJONydjdCEE+a+v67gIX48LcWWMTi2KWCOw3xhDs13Bo4HS19qsP+\noLkGQNH1k3a0k2wE16Vuzw4bwVgzT3ojumIrxcfrhjeovqpM/Jsq+3G4PsL1\nnfeoBxiJ2i2ofLwDHM7xVSxqeymAjCeLK3p6xu9Bq8Euua3jQUIj5u7da/CF\nRDWuBYPIK2huGrAjIeELl/Mjs3GCl0F2ULREjY8NT+w0TGLvgDbkUvACLOJe\ndx4avfJTyU7Rb4jTxIQdaiub/oOz2gFzM17i+1NdyNrEaQR5SMToAOPLgayv\n9kNrEO+4n5ZYQfmc27L+zgrkQ5Nfe5pU2MJZaynD+BDc9UA0LgTtZieKLRgG\nUYtCHk6a30JfBPBcUZzk/uw7lfSDKYRBX1N2pQN1+IwS+7KL+ViQ8AMySahL\nyaio\r\n=oEGl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEwdguFh+w2WRfbSrv/QjGKFKwivMJWxP7KVvlSXG95qAiEApjmxHrgWldEWOelKgz/W/PxDwYAuxVgF5eXNVTa0nks="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.9-0_1598579925077_0.426407268312164"},"_hasShrinkwrap":false},"1.1.9":{"name":"vue-tailwind","version":"1.1.9","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"92756455dc4835617c1729d8dcbf9881100b22d1","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.9","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-3oBEw2sQqqm5mcn1JeoMywewC0AmuhhSAy1kV5ReEfRv0QpAwU7vTsSPC8LG2LT7zXCv1KcmgV1nZ02X+hg5lQ==","shasum":"4bddc577ba4ac7883ecb5d383076b371ec015d0a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.9.tgz","fileCount":399,"unpackedSize":27452025,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSGqGCRA9TVsSAnZWagAAmR4P/3Clsm5P79gzLmjJ2hSw\nJVxn+PJM3kZiAtXRtfqQRBN2GT/qg4xFGjgK2kEgwLdxnded+rEdofb+bpBE\nUoqurVGdmv9mRa0Z9e/KILmJjSAYgw1/KcEdcimJRm2Slz14dMn6V9d36tez\nxCz2VhQQ1MY+yxRdMym281SXrcyBWFTeagyRvNkts/h3T6f5GNG7xINzf0vd\nrpRw44snuQmcISX942fGX0RGBJ3bPEdt2SlPbvRhxBdt2xP2J5F3wcOF77NW\nvNUwt480QOW79gN6FE76ioUuxx2WN7Qy4oe+VhxjyPdRdmqE9paCYvAQoIPg\nbTx540uxU8vocipSZWf8/nSQYShi06NKhEA9KiQ1WZVf07qf7pjsGol6mLKJ\nUYME2Ep/sGLEVKZwrn3CWjf3GvhaOrjtJxKrrlcRnMs1HNfagBwc21TdqXYp\nod5SS55WXE3x7kgvJ23yargTd3t++9oDY0C4Rzm3g0LSR5RwFuJ/bP8e6DgB\nExjgNMYXzWEJBVD+3aGH/3fNDeevxr0UJzGhF36ePACVoaqg0SkoHtSsC6PE\nN8+GArm8weuSAiMFPADZtHpkRHHl+QkWCEJao7HANWRswozP/7c/Cckec+Wa\nehawNMlqDbS9pnin/8dxl9yuxNvh7VMXdIgg8Dd2hb5bspw76p1mCMS6unJU\nsZhv\r\n=gawO\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQD1n0KXBuQSLZPKUCFmeLJgJpBacG4Ia8/zeSw/pyUAIhAKIqg8rRj6rlWwlqMGIVRmzSYT9CDKDaPrWO0QKV1sER"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.9_1598581381661_0.9049209496564257"},"_hasShrinkwrap":false},"1.1.10":{"name":"vue-tailwind","version":"1.1.10","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"41a02599c6f353dced6e87fdf684148066720809","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.10","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-03wdo8a2/FlN/ivr0m/uKNEzsdFkaOtX+fEw7vwPhtrQCxXM3RB3deN/nO6Ui0NYe90T2YJAatDAmLtBYjWj0Q==","shasum":"87532c9a4bff376ecf6b870ba1c99dc690d69872","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.10.tgz","fileCount":244,"unpackedSize":23932324,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSHJnCRA9TVsSAnZWagAA7n8P/RHYJwIMWzKDyLgY/F5E\nTZDtttNApCUzRsnWn4ICR8V63irpSFpThwvifVCibsbX6tB9/jKnvBzFTKER\nFjg/0D/943k92JNujcSeaHRjnz0cNtXlRKDdBkQeB0tDawaAR4jPyKmedMiI\nUT/fRddRQCOiSrEnH3QK3RMxt06k/xzOX/zoHz8jFO2nOK6NO/07FZyhWZ7z\nXWXcrIfjj/8NusKCCtuzOsUebA2qX5czqYYGCZDcVm0TUEwEDVvjyOtEPFg3\nA8M3dDei6pMvMwi1I4ty6O7yTNcMT/i73xYxfcMeP/35OLuAix7KyfuDtp9I\n6ebJSYynbS6ikrvczqAYeHR8YWewbPHR/vr4YIbrJr8VXwjmYKxWt2XD1Uvb\nvgV7KwImPEDgWbRW6Pzz1T0qu+oAkZi2USl++lsdLVXW8FDL8cJgetG7JJ2F\nCyBB+KnLD7zdMqakIs1IBZWik3LHcj4xG0cZ7gCR/OuTq9T68Whxezy2rTn9\nP3h5DpUASPLNF3lfxjjrpju4YwtO9n6/EG2yVWapezlQff25Ds/dGPXxy9mM\n8Yu0Ls7tuNAcJGtj+/M7ogs4h94Uqx/QTASfdwL5N0awaRnaREztNhJ20lXY\nUwLCgK4vuiEFhPKMQCOUtS5RVxeQhOc84YnPPuewT5fXhEzQliHUk1gNCdjF\nC8bk\r\n=G4iP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAN0Xzckuiflg8yOQ3/nK0ahLvY3Hrw7hmskn8ieE48wAiAyFR/LOEBnuLlER/SYW7ME2Z8mprogf2bRsKl9nrw7rA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.10_1598583398612_0.26687784174601026"},"_hasShrinkwrap":false},"1.1.11":{"name":"vue-tailwind","version":"1.1.11","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"c8e2d11b540806392f3f5a604095fee4d925fa21","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.11","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-KvT8clKxyTT9i4NAUyMej3qDBMOk8C/ZpFpG9VEUF08bfO5qUcBEu9RZdjLXjBv3JPucDdhrbTa3jFvYfFCgTA==","shasum":"9c7261cd89c9236ed9571e5e1b6e16484f22ed41","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.11.tgz","fileCount":244,"unpackedSize":23932359,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSHj7CRA9TVsSAnZWagAAbBIP/09S3Uh1N7NQT8GA4iE+\nvm8U7y672hraVZx7VR66Xzjt3pa0H+UI4wDFfb/+tCtb9VPnAppgdeofgkVo\n/gMge+0iMxD+FqJn0uZ0KupMBkVl198p2ZdmQURoLIvYlu1vjhxyEcUG1XhN\nGGiZUj5JtBArViirSAI0/jcVDIYIWMRaXOw1ibLFipCNT9EwF4ygfvQchZDt\nIgKMbCCwkBQIDbQqCXcVBZNloXP1UBB6/QE0en/Iv2CW99ZOupOs6lOqeDy7\njm3v081Nh7LpYrFxqbASoQ2wzsRXAEe9/lmm+JfwPtsoaHKZu0DRoUFoarRy\nhxZ5Pf/ysQ9SLeya+g82yiilieJC/dUwt5soR+HcFd3VeyYiLbx4JcJXJDP6\nFz3tSGBnShsnXjgB078cQw2ApFlvidWav2fKkO5++2DrY0FKjJbCKHHfWecn\nmbjl4kMdS9CcEexpWSNxVts9Y7Dougv/ZOQI2G8a+MBKE191hkZggiyafWa2\nxscRQCy+tECMNwj+qDJuWAVi7lnsqbyqPno3CgItzxZX+UFyJcWaBbhueNcs\nHsV0w8c+6GFIBD1DqnCE1YIViAwjMJgOBT23KS6214T1NJr5BCStaeE1z+mh\nmo0c/c3SAnYu90+22GB7OGgp4Q/3TlncuvunBVMpGwZL94pj/DYpY1sSkOF1\nAJME\r\n=vIQ+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDBqkj4lMZZsMNA1YGq+lEMhr6b80RmQt50m07eaaV6vwIgCVvesAYC5Shf1ulGpttQ9X96NpmsxWA90RF6CWeKRU4="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.11_1598585082393_0.5708454099460722"},"_hasShrinkwrap":false},"1.1.12-0":{"name":"vue-tailwind","version":"1.1.12-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/main.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"fde8345f5515d8de65d01ca07f8a1fd6db8493fb","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.12-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-FI3jhH5Fyz+wPJMLXqTxoJ0Wjeq6jbIKyIPjkwnKnKVZPLcyqlCT97d4VpMnjjLLhl0eSw9EOMkNb6mCOYCa8w==","shasum":"8504a1579081820329c56a3aed298f5c5b9e9bb3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.12-0.tgz","fileCount":485,"unpackedSize":27515409,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSHztCRA9TVsSAnZWagAAGHUP/j7d4MDmWZWjC/bpKcdT\nk0P94wvXXt6uUqs8Tskhfb5xcRTu7AN2RMfcGqbGuTQUJCNBKnMOxjxGh+UK\ng+VwlxIVipmE6vPVIjm5N0ob7XH/F/9PJZ/EURrXpAwgIrpK5804b89GDQcf\np3ALjJW5kAQq0VIDP+M8+cQh84bhRMeam9OgtDhAVwI7tOT4xrunzHdaqhzE\n7cL04MFKVMbErCgK7P58vL2x0yz7bwfCvh5Jrbn7lOFTV7uD7rUZvUAjXCWi\n8m3WDa1UlbG1tLVB4SAQ/8jgHB3ojew7g1XYPeDVEvH92IPL/AN64LKe1chV\nIeOGQOIzowie1UGvaSfelN/F5Dqu2o4Ydo2k3WCEY0X/DrF2V9CvaUCWuRg0\nRdTOSMWeLnT2yEpb9/+u1c4KboJ0dKxOT1ZcvKX36W3r/mhMMU8qQ97Dtht1\npLeZKEruxvnjFnK5g2TJDPZum9ITECeGUVSIx6gExd58DqzWZUmGIjO3uvO/\njQevy0AkiOLG6kBQuCjsLF1La1BsWv5LtT+eO7fJGA3/1m2wjHK9PvKdHFHb\nnvgHkaPZCQ95bWP4dgbmX2o86p31iIwId3KdGASj2IxqALsPBS3dzp47a/PF\n0ydLepGLJac8ONXMxT02h0EtKqPZryHNSvfx3WRZ89pm4WaPdg3jbG6nCA03\nESxW\r\n=FQ0y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD7EKe8RdJW1DjPQ+/3sZMUlYPt+K/Jy1zXK6464b84MwIgFr2EYhVuo9Hj0f4sH1HIj1vwdFMGqPuZRpBL6Cv9buw="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.12-0_1598586093167_0.13153579243497981"},"_hasShrinkwrap":false},"1.1.12-1":{"name":"vue-tailwind","version":"1.1.12-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"4f0056be7b34b00b399f437b0f0995ccd2cb7266","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.12-1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-wlnNWPdC/zOvcFVyntZ1x5yFvGRvEWlsf+hhJeyJPOJXN+bsXanf6MUeStTEH9qLz4yzXf4Dszfr6oUugTYqww==","shasum":"d237a0d378fe97228ea03961f1ac4c5ceae0b388","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.12-1.tgz","fileCount":485,"unpackedSize":27515417,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSIFeCRA9TVsSAnZWagAAwBsP/RPJ/YmSCjO1csl8Tl0D\nvEOwaphCGafsfzGkuh3QsoFaqRdwj5vNjsfD91WifWo7JytvnNwiEt2Ttlim\ngG/lXP104r74E41uSqEUOCbF9o8aiju4pJQ2Bc0f38xFEFVxUavSrF7xTcvk\nbInfzmp6zrDsDBlW6I+Ehx27k6rzOTPTxA4n8eYt5NEgwlCXAuAtHPaqx+9i\nS93Y4dHArH47q69sQP/TSbOQvw8Cg7XCUu4dfAzHLDBK68hkzJ7P1veucT+h\n9STdYSo4GMZjityh5xPbSCaZyKBiy7AQbJWNhSBBLz8zZ/JN9BaWFsz3G+h/\nVFYDsaqnE0jXALa+/WCJz+giQR9FA0tAWXQh7ZB1VfHm92LP85ix1h6bPI/N\n8vz4cEDfAz63Yy2n/8qhpmT80KLgoyeTj2RQ6yOHN1HuT6LgpHqMcM25J1M1\nCj0VUMJQoAhhMxcVSpmKkCrnTr9oiVwy7MpSJOhxiIkhdXtDFAKVeuhlExsG\n360zWAOuVJuSwA6pqF3F98ynMykBoVnYutKw41ZX0yfSfYxQTnZ2OhsLzgKz\ntLoNymis0Cms3YRJoTUKQgmnYV5IMauEYgQW+hAJLhkbvWehqClLT6drh5YU\nmr6T2oCX99S+Ub/IhDq1BbOakonPc1WOEQFhkQnCojar9lMmEIu2eyD4XTre\nSacv\r\n=YmAf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCdDsGzfYYTx8xQ5CBs8a74M/eIJlLrWmy6nQq0p0nGsQIhAJPJtBOyJDr4NLkL+KrE457ImQRQKUjH8DI7reTGLpWo"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.12-1_1598587229809_0.985585270704473"},"_hasShrinkwrap":false},"1.1.12":{"name":"vue-tailwind","version":"1.1.12","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"~4.5.3","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"fbc9599298b7c76db616e9cb17002c6747fe1397","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.1.12","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-O7jObILKgttrf2C1sVNXQCl7HIdJqrgaYbc7/BA0NKmzWdpDmJLct1/03HR+eMvIBV1KE3Oduv0XF8zEnxrvyQ==","shasum":"33e84437d2e2d9dcaf141996a2ddfe7354229573","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.1.12.tgz","fileCount":244,"unpackedSize":23932367,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSIP9CRA9TVsSAnZWagAAIZQP/03O3n5Eg6P9OSQwPb8r\n635B6f3Gz7gaXdp1z8qimt0eul1fcQtqK057gGIL8COdzK9YC2Dcm+ljT8wG\nqwq2Rc49e2TLayLKbUa70LMlzI9qzWRcwJKk4+Kyhzb1Xh/7h5Rw8VgcVxtF\nYu+XohmpCZL+YUC6mYW4JJqJwnwxcWvwkU4us+fjEEPo/jzOZMGB/EmDyuE+\nUmMfdpybn/XeaIwzUiKPljgAAVQU1lKctHf83I44BfGlPADp/wP3u6hKzwpD\nippCj6gdW+DGfXrfxT7a6helyjCiywKdLeZifGTlowXd21340X+kgN9L0bXL\nIW1p/0O4V21Bb60E3MiNcNN7PyBQhKeb/M7y/VXTy2eQMWClVwAXpPuUmI6y\nB+Io4xY32UmOUlq1+Mz8FG1ver6+wAhq9d9dQ3DKqBZJBjXIymCUY6CXVvEY\n07jaRlC/tkmk1G20awTCh8EFvjciqHQunLStKw4AkTueoL+cLJo+bMAvx8xl\nO30c2Q42YGNFG0kzsg9RXGqKBWguaWGJgW9g4UZM+Nm4cWmOhLFIjR5iYFOJ\nJ3JiE3xDU06g7pGdiWHRumgVc2wiHIOR5QdVKJkZ3BiKroetZPmIkUDjPfbq\nbq6y27HVlKpX9wJgU8GVorp7gKo0nCzEB7UmjET6OtguVJlDlakWFnoyOuGC\n80I5\r\n=BHGd\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCduPdVK9fya2HO0pjq35EWmcpiJzAEQk4V6Z3y80pYJQIgHhzdHXSla7qOQLny7sZBK++AegzARll6KEBvKciF5I0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.1.12_1598587900698_0.18901442185830386"},"_hasShrinkwrap":false},"1.2.0":{"name":"vue-tailwind","version":"1.2.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"01a5ee58ef3c9880668e613c4a9ad9b843e617be","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-CVh9fKjVG1rSYOnORV24k5iwFhQg9PNr2Ic3RYyrdwN8w4zQuTbM2ehFu9wQ1zalYTb9z6ze53wdTDcp8JRomA==","shasum":"095d833afd5873ff4dc70915b5a689f90f3b9184","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.0.tgz","fileCount":485,"unpackedSize":27667825,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSfk1CRA9TVsSAnZWagAAlMYP/jMIx8UAR/IDjaXtA5UQ\nNIJkx2HEuhlvvUGzIhHcyC19di8yF2h2Fd5xdlXVYxLmy8fikjRUcZxAutL+\neIfqEtWXOWDx1ZY+qHeycw0mOXWHDIDsD4AD67+BBjBBnRSnJzF4LxCYXCge\nMz4VEGDeIblkVipC8OH0chakDy+V5naTKKANBKfDbXa4lYPKx+muWDkzyHJz\n9il3ztdV7+P2qPm+zLVRuxYv0DpiWTOeQiM3KsJC05Yhx7FOJDqlJa4FAsZR\n7B1t2TYX2MOlDJtsWY9mYFhDo6DF7pP+euq1XlYddo0vcdlxcQViXZ/W81g+\nYXRS5xIhPKd3v6awcgO+h+6LKc/1MwV0GchyYFsGopPajiBaaaNtfEXestT5\njKbFTA2JDwRvkWKNgS13Sg1FUyjh+9CYCN1DcDLpv/Z+SwDKOKm6bfZ3bshF\nBJaA0tdJueMkT6ExFkJH/8rzqRKZoJPFMKCQT9x7m6wB5ZstjfM9L9G8mIPv\nv8Z55wlXpJjWvTrHmyHJ7wbkWAL+dnNvdmTt88scQPkKrC4XDjTVmEL5A8TP\nPRFO9jHTQXEp9Mu7R5rzL7KKHrKp9Vs5EJWGLZ8xxlnHTEDlNTlpgIy5QZo6\nRJes71UXjm7GFhWIw1i8V44alw07Z679gYgYBBBydTQgj2cMl7eyEM6G9Wh6\n0D6x\r\n=V0X6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBJK1EwOt9sdQE8B43KTuk8BpvWSXG5p7BcD3dOJRJlcAiEA/xhmBz64+bFMehmWmKbWMOaVna2r+eMq4IlBWknzZ/0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.0_1598683444576_0.6883988964052545"},"_hasShrinkwrap":false},"1.2.1-0":{"name":"vue-tailwind","version":"1.2.1-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"daa5367e2a29ae47e7e6ac2a91c2925b5a3c6f17","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.1-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-w2Ctz/a4umY9RlwhaqGcSSVhMZrdjngl3UPsK9ju8dx+FtEjP+WCsVvb7gQXDVe92pqkWvy0P2ZiX13MKdB5pA==","shasum":"c00ed95356c0f2d832ef4785cc6f8d4944ffe126","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.1-0.tgz","fileCount":485,"unpackedSize":27989219,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTmmqCRA9TVsSAnZWagAAOkAQAJgL0uhYwAN65D0XehSd\n4HdgjaTTEB5WRsQSrkSql4gBvuVzXcjpMIzMgNhQIkx8Rtel632JzScfxB0L\nTk4eBz3aNn0TnSlikUzPkvl0mFnQMT7byz8bZSczauIqBmFPVChVFK6XA/YT\n+VgTyFJnYJyZR8a3hrhHlwriM50Qt/BwA5i8J+LruZCODYDUuST1fJSUdu6C\n8zzIHk4hDABPI36sdEXfqgtwi2xDm7W8yaCkZzyqUubxumOpk6W0yJFRVQQP\nUCMeXnFdha/LuAAcBxamW5jVuxm0zS3ldphuoH3jbAyjpMmwQFsBBZbgx5M/\n+HKLX9JSsO0oMMZlki9N+TXBd09cmoJ+YVOeZkiHBqQaZG7pZEk5DF/GK2P7\nY3NHbpLqjLtXkcUv86rQSaLIRu5JuUBmkDefcN/HEENWCf89olEpsDP7SCTe\nR/SmJ5NnwtnzTgFb4u4+NAHmQSMtO3zdNafbvG/TUTpB7OMzKdExTAmRmB18\nJv1/R11WuC+wShN/w6lufEDH3MO3WBDuiTv2Wgr852hUy6n7Qi1P2VGylYu1\nCH2R4sUORRAH+e2MC50wkkyRHIyO+zOI5lWr2rqIMUXrZPxYHtQBu29guXL3\nM7+HGS11ZSMeQBFiWaqZ89m2A0k0sPQVZVC9cOrhQVyyBiH1HL/C3FU+O3i+\n/aV3\r\n=9Zd6\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHZBTW2yoRu+xM4GVs/CtmKgi7WbrfU4G0ezDj0zdWD7AiEA6vL5AyYIp5niOw4xCfpt0M/R3JRugLWqH0a1REJPilU="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.1-0_1598974377210_0.3831065948741572"},"_hasShrinkwrap":false},"1.2.1-1":{"name":"vue-tailwind","version":"1.2.1-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"fccf6a8ee0f4f76800a9c1dbd1ad0df4673c2654","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.1-1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-129EQ5FdnMew55U1f9KxqObWPr5ZguSsYyANTlfxf4EXZjQRVKITcVT8KKIm5Lt7wgaKiijxoexpxVPKAauCdw==","shasum":"b219a5b6b90fc7ac52028af97ccc2a273a3cf53c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.1-1.tgz","fileCount":485,"unpackedSize":27997952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTm4lCRA9TVsSAnZWagAAZIsP/j8nhltOhyVJjyTPfBxA\nzHGFNuclMmE3VJLBaS8K/ufOF9KKYeGQv0Q7GztCAXAq+CkpnpNktw1Fdohd\nYCOQzqV/OmTwoovZhz5dNB6YvIXWYI1KXLZUL+33tCceRg/TvZcjkOcpAQ1c\nYZALk9ZWkboyuHZK84DV6DNpDAGykCcDfjyP7/dljGPjuMvwpdXi/GyVufez\ndCOabD/gpSMYTz83nTq9eS28RTkU3FNXAtE/k/w1ru2sfDri6AfiX46rrBJo\n7rEsXsbcqvVyQFKcZhyrtWrR2IUUxOWGuxR2hXWt01EOEOx43w/xhGND9mEs\ndu+woDhDJ9xWqhKumAGt0/ZMjlGD7NGsGtdwMwgeJyAqngJcVHW+s6xxPWEb\nQW6wbYCyngmzDyGqtvhpUGMH1JmNmLp1gJyT4A4pEnAo103QSccx+K71ICQV\ncPc6hNAi8a/IA+Cr7y4Uii8+RcGQjM20sFRHx1Zisf495WNjn1mTp8trjLif\ndHfV1tUEtj48XGKqoqrKlaJs3FpV/vfPEdk553NxA0kTanL0XARk+/fflDYP\n/I5/j63Ks+ifIWIweShBNGmvAN1aJxF+AquCcHDSX7eNhb5ylUclldpYUpeB\n4QX0LZxrViF7x3OmAsfVIN71JVNmpDqRezVMfdCdSsdOdKYpiZLBeOi4tbO6\nnpM5\r\n=sgIg\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvIY0QyfNuxCF5LGIMjE+IPumIxuA9bKlxBQvS2wmUlwIgb50eyIa70O6L3nowHlBOm7E15vtMDAdfNJkOgV7oKk0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.1-1_1598975525238_0.9211789277544358"},"_hasShrinkwrap":false},"1.2.1-2":{"name":"vue-tailwind","version":"1.2.1-2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"d8166480aa2a0499c2822a378b6a08a426753f98","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.1-2","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-XrUJ7jEXdiKRVxBWVxD8KFos0HNCfs+mF0zVll82d6bE4g4hyixQ3jZv0YwTxfHI67QWrzrTwDzmvlnZiLBSNw==","shasum":"c55a3ef4a5d5af8df3a4198914635a1d5d14b149","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.1-2.tgz","fileCount":485,"unpackedSize":27997952,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTn/bCRA9TVsSAnZWagAA23sP/2zxMRXboHVbJiyuzw1F\naXigd4Vat5KEoIk+VeMoK6kPxUqrZl53d/PGEhzYcpdIZ5YDuvEWcXt0h6Bx\ngaAZxXhIF27OJG1iK/cSqMCKg2bEz4WwDH32e+tlnlTy+In1zN878UfbJMKY\ncKZwSST4q2AYn14eWwvTWgT53RPUedFkOM2RmfHqnJXlkRomopGYJzOXbuJx\ndsYXh5Mn8l9axbQmlxhZizVH6wtZSFK+46bdaxUHHYHNCl73HiFn72Z3w+Rh\nGDinn6B35Mn+IgHuunra0O/Iv4neJ6yAFxfg0qnT7Gf/TMAAgURvJS4Smy8A\n4+YgMzU3wwwBaEnbq2VQ3pGmQbqLJFI41CIlHJ4p/TQP8/VE2OM+8wXSfKWY\nlXX0cDwTPKW/xJzyrlKwYW/BbkZRzE6hPVkMB+SL3DM8H6jo/DUon2bEbLdI\n/q8H2U8B5mBAwo/ZH3i8+vKCxw4sT2BuObvglBEhRpHONC5oSPikurAC2Kbj\nRBgUsR1Ly7j9OCYG4JA6CE7E27MvZHMSMylIjXcPyjPTd2H2iNuFzH1bNaaQ\ne4Yg/MVENm5of3ySNzgBpoop1cfRVNjJQaSffvJgL51mr28V7phjY74uvlRl\nEsGA2rgIGGvFts29E5SgFrNPMcjh+9krJ5/gDY4yudyam17c6wBJaCWnAFdx\nBpo9\r\n=MHK1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC3ifC7BASpV/CMAL34Ip6jiZrSOH3FHRHwCxVz3fkT+QIhAMq4vjSZcTR+PJJo6TM6KEvJi9ge4CXY/Q4QTxZiD/MF"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.1-2_1598980058759_0.8968726813589374"},"_hasShrinkwrap":false},"1.2.1-3":{"name":"vue-tailwind","version":"1.2.1-3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n //...\n}\n\nVue.use(VueTailwind, theme)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst MyOwnTheme = {\n TInput,\n TButton,\n}\n\nexport default MyOwnTheme\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport MyOwnTheme from './myOwnTheme.js'\n\nVue.use(VueTailwind, MyOwnTheme)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\n## Quick start\n\nHere is a small example of how the classes and variants are defined when you import this library:\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst theme = {\n TInput: {\n classes: 'form-input border-2 text-gray-700',\n variants: {\n error: 'form-input border-2 border-red-300 bg-red-100',\n // ... Infinite variants\n }\n },\n TAlert: {\n classes: {\n wrapper: 'rounded bg-blue-100 p-4 flex text-sm border-l-4 border-blue-500',\n body: 'flex-grow text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200 ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'rounded bg-red-100 p-4 flex text-sm border-l-4 border-red-500',\n body: 'flex-grow text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200 ml-4 rounded'\n },\n // ... Infinite variants\n }\n },\n // ... The rest of the components\n}\n\nVue.use(VueTailwind, theme)\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\nTo apply an specific variant you just need to use the `variant` prop:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and a easy way to configure them\n\n## What's next?\n\n- Im working in a datepicker that is the most requested component, after that im planning to create a swal like dialog component.\n- Already started to work in a react version of this package called react-tailwind.\n- Im making some final changes to the Community themes features that should be released soon.\n- Vue 3 compatibility\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [CHANGELOG](https://github.com/alfonsobries/vue-tailwind/blob/master/CHANGELOG.md) for more information what has changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"97a4cf1e26646b4333d9d2eccb29a4f6c15f40a8","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.1-3","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-L7JbejifhZPoG8acd5mUKZqwcgY4s+7A8gR2EiN0R9Nhwl1aUxQn/5yheQ5xsRKDX2ZN5yes3teq3UvIdbCeYw==","shasum":"e2de3ddb8aafb13ae87049765feec65842b5abdd","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.1-3.tgz","fileCount":485,"unpackedSize":27996715,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTogtCRA9TVsSAnZWagAASK8P+wRymVvCDeGlJGqT/DNj\nSU9KUZ5hHxyWSFDenQNEyqrDp68pAYsZrM8BtFzTWWxVwAF8nS3bVU+csFyT\nxX89idzaTQmK7A+VXk1jzUsgDjFiyBCsiKEPHNnqdelz7OHs5Qg7JDJMfCxD\naXBAyZry3vZLBUYCvEcvJBV/CRffsZhsdWYuHbGuqZ9Trdns50RUpgXYqpll\nAHOdLeXB8fWwHwi3vCnHf+ai+Xf78xBvvgRBwR9E9rInMeJ4kF7x2IPw+wMW\n4840pHmnj3B3zui2mG+uU1l9F3W1L0XxiFHz4uJBw3Wxk2k4xIOYEMtbZa7D\nx2kf/Xc9SMSl9QJBukWkUCB3xnHg0geh/ZjKSrCwtGDkO0M9XfbaAbF7Zsra\nbmTayWQFyjIs0a8MRKJqOhl7tzzicfy+cj2TMhKbD/SYQUSds5/1QzhYKZSn\ndHH3TvhRUO92iyu4cBbNzc49I5FVqElMsDbuxAxTZAxjtZRdtDo47/CBTmzg\nsNBe1XY1UD7O+aKrvedhX15K/ia+fBRyssXC/39ZCA9/D9ZW8YWbKgVhLdcb\nN2X8HNnA1mhBwf5BikVJiAdC3bcc3SaBVxWZgsR8isyfO5WQcbrvCLjsZZa7\nTLARJdxk/AZAr5zJy5rKS1eN3+fythcQuf/RPYff0gDCG0pQ5+QO0q6CAf2F\nPIAp\r\n=582D\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHTCEM37zjIUnGAmEx6czNTzXiiHikP92HQAKBNJ3jc1AiEAi5s/g2v7oru08Em4qzfZZUidKV1WsApK9nkUtWpHdhw="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.1-3_1598982188607_0.44431858903379107"},"_hasShrinkwrap":false},"1.2.1":{"name":"vue-tailwind","version":"1.2.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"2b83929d32329255026a9fed2545f32876d699a0","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-qdGj6Y+Hmz2cpkCyUjrdVnq3N0luf1ygO0k4z+TYaZQIoCx6VKg+JwHQACO7mCiwf311zBDxnJ3AM2PIKUkGaA==","shasum":"90607b0910c53013503ede33029fa112c4605130","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.1.tgz","fileCount":485,"unpackedSize":27669747,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfTwAsCRA9TVsSAnZWagAAKn4P/2NqdQwA99rQMPUTIYm9\niDhxzZPn3FWe4VEvmqqsji0GGDyZqMJS9X5EPbiWbSuWkjI4r7TGNOYhWNZY\n5uyI12llC7GdkH0EIYpQoW41iGQ/aO6hrtB9xOdBrA0bzsx+MGomyUOS7+Up\nc5BKuuqnws0pN0GFpDYcvxLlCu/wjaWiYIMWnG5yCE+H9zumP6oaF5S5DmCv\n+JLJnRsgHDiFXSDsurBd60cyLWdO8e+QqiAnKSUK+a3uV7rlW/sJ6QAQTmxu\nnufq/wABVLfWtHd+nMsqw1rIhDksDo9nXZuSL+F7M/kNOOvT0tzQ84qoTHnz\nuujd8K7bi4/kusuKhy8RwIbm9eDTgqEYQ0VUJHW+Ny24qQBywTrUde7L0lCa\n1WCEr+dOApFHHxGpZPD2+kBJirw5Jsz8nxV9ivM0B/Zv1XYlJkx18X09Uxep\nUD1Ss/ltI8im/Iw4A/bUqkJjyzCAXbxbmCdo1raFKD/He+srC0z2aqHCE8gN\n1OTaYSoCsepVkKF1W7qGaPlQsr8I/dfOkG+U+AYEI/eOfb7DHLjtsbNAjO0Q\n3PLyNVVQajzv3q36UeG0pItWqwQzTNp0o8KaWdnMue3mvjhk8qBkgwt3NZaL\nNncJF6dWdZpQrgLpKeci3k+G3aETyIXr7V9ruZfyV7j06YfWs1bs4whn79Eu\neg82\r\n=RUQu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCsHUNcp1RTXeHkL1c9pAwFrhhdSYtRuBFeSl1xHxvqVwIgKWFfyMAAdBp2aFVF50rbQwZeESyhn4qceZqdmPUx5MM="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.1_1599012907786_0.804646526773606"},"_hasShrinkwrap":false},"1.2.2":{"name":"vue-tailwind","version":"1.2.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"59b033dc20db78ef0b7adaa5a1d51b8364b61509","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.2","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-lXe2XTN0hwLq6pIVuabgdF5ajyXc92l4CaeqG7szgSeoSTbfCZqVA7EtmNniYwbmDGyTKCTh7qKcQ+eiTfcbCw==","shasum":"db9643eca5535b2879a66331921d8d3e3d13c0f7","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.2.tgz","fileCount":485,"unpackedSize":28001688,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUFthCRA9TVsSAnZWagAASHMP/163t+yhGbH8EvaHRu5u\nvQF3CAPg0x0I0VO8MKjE96Ou1nyBSEQ2TdVjUBwBXTWwzXVHkUNRqV8uKUeE\nCYb3lk/vZuPxNNqvECDZE2XuOrWTeaM7E1kbI7GkhbcpBJirobuJN49nRSGb\n8cZfS8PDQsrNnXX1l4SOJ1DfIhUFNTNTLJF/u/gALHpSZV8PJfYiwwwQjdsL\nqaLK5FCR26+XiexHzdbVTFtbVs/ugGH51ydoXNSMUEJQHxURqtdJkwsqsuD7\n3yLdkgqdE43tCDyaprupz2NrMB4H+9JH1yw0kAlw5Pi6D1w64bBuB3mcg15P\njAfYmf3r0DhZTVh+kArhnoA3TKzhw0ZER3nkx3/RkKVFLIH6EoovYNnm9Pvy\n7Jtv60j32akiZRi17FBS/KpBYzn2otjDRvHQ148hJXQSU8D7zDZw4lHJspLa\nupyprKh0ev9r/6luHzOTqVrr2vCSctkh3DmFhQY/Q59vt7XZXyZ4blof8co1\nvBAPU1r1PJMiBREPWuEcAFTOHDtsl3w7linr39Qy+sbWzPMOHCZEeRRWf02c\nabqCncta+mAkhFGfQvwuouQYmkYLQ2iuOtx8aGCOyEek3Wx6kBhrw3mXHHrW\nIU7y2NBhHxLUY0usZyInKpYefpKCA3jNFNIqh2zjV1CZa4U9C57FLgfk2Kc4\noGbz\r\n=Q5F0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF/+r3CllOIo4ykkySkr7h5fcBkYTr2juMB5cXbYrnj9AiBTceWlq3r/wSreFQ5DXtXfbe+ZJ2mqQWmnu0UQdE4oSg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.2_1599101792939_0.3252577429675221"},"_hasShrinkwrap":false},"1.2.3":{"name":"vue-tailwind","version":"1.2.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"193ba46f4f9d15cfa757e7648534f6138bb161e0","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.3","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-RPcNCic1eCbXNTMc2J6C9P9N/wDJh/d3VRALi9QsXsz+VO2mixAP/aIJdS8+pZPvKRZb7MQqn2AD0c+hpQ3chw==","shasum":"44f25842cb4c2d853920c00b8ddf0adac1accc83","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.3.tgz","fileCount":485,"unpackedSize":28033783,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUZVoCRA9TVsSAnZWagAATQMP/2DX8jZvrNsHUPexzM5l\nGsbOKF90e7zVeS5VvmRMAi4/tuppZdvqEHr13XZvGOFwuNysvNscaNTJx2ze\nAw4E0vMboAv58aalEgQU3VGcuI+wlKNXBUrVFzcAy930NRFA0CvywTT1jGcx\nie9vmUttdw3czLOS57j4frNAvi0SEFIWCuFhfNnhNrzAdWHBwqRk7+ZIWSVy\nFGwFQpJnSwz8FwkQfuadsKg/TeDjiPfkkgfHYed3sbHpU54S9tCjMqqZ/N7i\nq2gZ2z3MCoFgsMxOY++slVND4bxuyFpBoyQK+LxGTrH/tE/WjLRzVsq8XSri\n13vzceX2pH6At3scGeql1gRNcioZlZE4+S7zZa2moMoKPasTPK/LkhD5vULc\nGCOw0DDmj9VfZ5LlMBmREdZIBwqFr/Dk62XZkafynd0hp41ZNRJW4jnq5TtB\nbb/DyMt9LawEwXbl7WP4kPvEh6V451iCtsNXjgN4tVijdIj09TOmVTKTXVm0\nscAE6WCPWRF5LHf+H3O4R6u1HqbUAIEU1X2924lFlgoQwc5dtAQX+84XJII+\nplC14iSNRAC6VfR7D8IBzV/8mmnOpwBxz33UlVdj4+bDVfnQauTkhkBoZYVV\nyWCd4/o7bEszt0bKvcVq85s2hMvVscNRutXxVuQK8mpveHqjRJ21jy+QDcVL\n3cVF\r\n=cuak\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBgqr+PalGtzFs+1bHRuWMJ1C9BcjrJE0shxBpm5GK2DAiEAvhj1yCCWncLBvxTfFrEihcTitxcWYOxTpqoZ0HCwpM8="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.3_1599182183411_0.4842374063628594"},"_hasShrinkwrap":false},"1.2.4":{"name":"vue-tailwind","version":"1.2.4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"3dd3d2247d5ab2e8db3097f0d98db0fc38d9b84b","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.4","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-NnLflPsOgJBOmbeomNrEN9c9MMJAH9l7zS3tT7LOpmFjcL7iW/tRDkNDniwImwVT8PgvCmsuCDU7y5AIPe1duA==","shasum":"3489fd77bab86096a139042caa62d784d5ac83e8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.4.tgz","fileCount":485,"unpackedSize":28151088,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUblvCRA9TVsSAnZWagAA/YAQAIsmW2qC9Jgc7ZFfF7gv\nfk9vf2QJpwBke5bXxvm1xyZNoE8pzpgJD6zQUYr4/IU2udFjgn+0phM1ltjf\nHt5q5ClcbWjZ5SsK8vSGUguZCVYA4IQ+p0WzNqNpc1UOfKw5n3Eb0Z2kMv1C\nmwo1dSLsucwGlbZzre9mp2OSHmudu8net0NKdo+SxpM07ZfbQgMM0wGnHPrU\nCdDmCR5weYSJVC5tOZJpcrXFQHP45NIfMRouSMf+RN250c70D6UL4sYmCQSw\nxvsB7HGZe0P4o8mGBhqk46lf2uSIHEXkzG1vc+koucSARF0bfY7ORQ/TaDly\nh9q0pUT/L7d4zF4HEt5HRnAqlrfeIKubmLPwKbwa7+ltFsoo32ox34E2Pz1m\nnaHBH/9b5E03LwMMBAw1VXDoiA0VC4RVomAcXXAxrmErEj0dt+wtq2hxHEsq\n0sD3FOqFFBlWLN5IYBm7gRNMBvFcGq9XdBK0i7tLtW/xB5OrL0zPw2N7kljF\nYInl1pPYIjOjNp7E+u6Ai5hnzexH3yG7bpupsXo97t/hb0kYGf5yGvI38Mk4\nHpt5PjkaXcZjNLMWYIMtPOQgFljrF0bAorkTYAorJ+CAdZvvUTqHlkCq4oFc\nnqMIV1XMW3Fg2FyjAy9aOJyGS8WMH+KXgV8dRRROTela1Cf7Vm3BtyNEawJW\nsbE4\r\n=BCZZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZcjdg7PyJ+LZtujEynDfTN5OISGTAsF75PbF36dlICAiEAjhbhT0NT0QH5kmdnSMww/M+yBo5rmdbIg97ToOtysFw="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.4_1599191406276_0.6380657529494644"},"_hasShrinkwrap":false},"1.2.5":{"name":"vue-tailwind","version":"1.2.5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"a42646cfb6743f791c5d82df36e5b0ffa8569050","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.5","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-9c3BRRMcJwwGdOEfOD6H0xvSbKx2MmzWv6ZRu5UbPSRLUodZrQx8s9Ic/0i02pJUDzzCsHoj2fHlg/3X0sUFog==","shasum":"39163a282d84298a6f0a6443341315a01d8e46db","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.5.tgz","fileCount":485,"unpackedSize":28151498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlveCRA9TVsSAnZWagAAB9sP/1y0IQxm08tdc0B6nXJJ\nPSqYh83YeM49Lpul6BS5LmhTLuOHIYsvd8dtk5g5MqrZAPLcUEfil5/P19NL\niVJwEVtjyZocjZ8OjhCE+bAgtdXTTYEuERXWTGaZsUCQEtw/Cgfmow+SpzFI\n3gVUAUtRs804rVNquv8gsGsK5TygOO7zMvtwqgZaQlICvoZve32QvlfkcfS0\nTzPkGA11gSsgxBbf4+OD4AgwpaFl9TJ4xDp0ro8rk+XJ5/X9TnzBB5TivHPl\ntLS6wklg4x2DgIPdxNFBTmelmj9Z03qs/FUntouQd7T/NddeW5Plqskc0ABp\ngyickf/GgE8/tMcNrauqYYPvcBek8R5HaH2MMbDhRfNUpjdkW+RK4cBM+IzA\nwmFoT7MB9128lVSrxRwHdMNrJQK/PZCSEBhxRudM6uTuvRHQsjKhuFMas6RN\nUOsWBfbT66vC4i4jKyiY6nHU+++v8iIzcWXf2bm70KCSFnDmjOiOmYeodTsb\nGd8JpjGYE9Q+cViY/pl3KH1TPdrjDtDkQ7zPyr+lV7Cvm3FWcszjZp/4Gw/h\nubd+watGxnCn2cejZB8w0Bk5lm0AJXTWpzJA0HEhdOGFM4R1jdAMrWc47iBE\nb90idx4EEnhsfuSfipcK6l9CMLOSiCj2MhgAMR9usyXg9+7fikvVRZaHXdZ6\n/fbL\r\n=JVOp\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCID//7UnnxRhp+TcK+Mk6757wiB9ZfnDoTI6mhnOwc0XOAiAMzYsOctbBbWy4SBYnD382J/E/IB2NjFVsv4pI1ahzPA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.5_1599232990135_0.3533482120203626"},"_hasShrinkwrap":false},"1.2.6":{"name":"vue-tailwind","version":"1.2.6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"59bb5f6e98d3cbee40dc717f7fcf506cc12a7ab7","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.6","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-MpW8vQ1IPsUFkkwTCiMmphow0M9GGPUbHIZW7sXjaa5gnYi0qmtgyzcQHvChk7BEb2BDKnlzPAwkj9sHS8tGmg==","shasum":"8089e9846f374809903caa318e233c946f30adbb","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.6.tgz","fileCount":485,"unpackedSize":28153607,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWSAKCRA9TVsSAnZWagAAuRQP/i7I2fMhtV0SAzj/j9F5\n1lvXnZhGOuArq09mBuDTLd9zpaVZ7sBjfMg8QEm44Ha8//xghEJMowHtHW0s\nhSnLLxA9ydE8bYWqQ/DavXHkZv7UCLv4jKBl2TpnjXwdDMawGmmZajh/AI7G\nFn5Nu/8TaMhf/OI2QmHwq7YEkckQW+RoRCpoazo8HE5fL4bqDr2nzov9Gi5M\nr0WdcOs/w8hZOZbuUZHwK2w88PslkBHPRF8YsP39VWqdw84c5yWmXr7sklF3\nnKV6+FKHfIa0kPcAfKMA+8xL//pXs8ufWFruVPr3vZkCIzInUa8Xlo2V5eA/\nKi/Pk6Osgx8ebNweoY6o0mXX7zUulSMVWJjCHcDR++7Bz4y64Wy8wFVRhJR3\nnlejTmFaShgsOpB5lSz0gvWonCII7LT81kA4WRe3nzqIhDrPtYXVFFuj6Guc\nO56OAwPtCEyQ+GubCMZj4CU5/kSa3o0FKOo6w6WXJQ44gmtX3iHXhQkuwvVK\n5jOKCv7ppSS9H1XW1jjWNCiZ1AL/2pxKNFCaev6SFY9cr+nVaqGVEeSllaeH\nnZSRzo7zLgQMyRVAYilOHbgQ7BIw1WOyv5RDoo/ENvr84gLLOKwivVpNS52L\nzy5r61mEbYXHWN9q1KyR9vdtSsm17skgl6B3vikEK4QFNd9EiHqa0U5w2Ssr\nMVFT\r\n=AVzn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCh8zHOcafDWXIQHy4sge3+wsnkzxMf9M2HtJoj63UqCgIgCkKZXsmv/UVZMTllKISCHI0ZUFQ0vUtjUu6QrenTlP4="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.6_1599676425568_0.6917741203213859"},"_hasShrinkwrap":false},"1.2.7-0":{"name":"vue-tailwind","version":"1.2.7-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"3a2491d8a6ec9f6a2b5e041998928da04adc6ddf","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.7-0","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-gCP+i82RYsHIYF59fixZidpGV2Iewhdc0vhex7LlJoipXqolEecOUf5/KQU+wbGezJ/OAJLi0Hm+FHsqr7HDGA==","shasum":"d95b84469a668c9d4af32632a5e40bd92712a45a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.7-0.tgz","fileCount":485,"unpackedSize":28154128,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZMDvCRA9TVsSAnZWagAAKgwP/2YBf23zQZWMSg7rBTay\nRiLL9I9jHZhpBHuD/zf/wyHAR3lKev7jWvRO+RiOlTwDeWVLQtMYUDFBw9Jb\nouiUZH5wUr3iIDi1kEWIiqj9luX42896g6scpni7qqzf2tRQ79SlvyaYhqpH\nPEIreMPWlbGzbunAhICK7Unv9vEdb5dnwTklWZ5IAXj1f6a2pvr/XytN5jXu\n3IBvEW4y+clcakQxYS1mhuaPpZ37gEX8rN9mSBcM5XAA8zvj5F1uEfy3ctmO\nOLAOI+LDNFGFwOVvXpTf9M1ZLSt+lSc+Y0cugW3IvKbAwkwsW9GMRQ0I7r9P\nuPoxXFEPLLkV2B+EMpzxwh1gYjl02Hc1F9+TbrVXnQhgLvEm3YkxG1E/igSg\nleVZ1/RFpyjgSigImb439cks1Z5l1TfsjfxA+kdK7i0pXs5DNw4W1IGub5y5\no7E3+1KJLf20isBvRjySxihIJt0HgtiN42X/DEoD2s42LsyzxhloLlRQkHY6\nnczSrKpKgZS/3wumjYIxmwr9sNLQf/gfS8h4jEMAWBQrKJiTumx3ud6Eq+Ov\nHuZMxJb1uSm/veZMJwTh0g5qNkCYi4Y6Gyq8Q88wbxtTMMgf4RCUlntkCd/1\nEcB5uFncVkRRQsTBs3kRoJqLJxYpjzp+bV7iFgtWij2yl9h+ahR3/LZM8/IR\nLWbl\r\n=3JjU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDwM+zQOXaKfHTR2m1kPLJcJrAfttwYgKB0gMJujTcZtwIhAPusMiVkSxH4qVngQj+Mtu4ceIfELFrGqH3wCl8XC8si"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.7-0_1600438510528_0.5803764583917936"},"_hasShrinkwrap":false},"1.2.7":{"name":"vue-tailwind","version":"1.2.7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"141f6b89169754ea043b6113f4dc2085ab24a694","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.7","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-n+PVmyClAjzn4zBZUkrttAEoi6bToo41U7thjAkjTR1eSYt242v+Wm8YtTRIPFLFW2lvRcv/ljyGmJ0Bh1JXiw==","shasum":"eba36fb3bbdbbecc5a5c9b1c0cd9d89ff978e661","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.7.tgz","fileCount":485,"unpackedSize":28154126,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfZP/4CRA9TVsSAnZWagAAXUoP/1fgOch52zkdviolt3Ha\n/KS/T5WbsAEGbXQwRYI4AtVrTf3SkrX4y6tQmfmDfR2dJcRxGcCa5w/rLnNS\n0U3rlj3jvVO1XuYkaJTjUCMr/1SYaebvQfz92/LVZQZVbZSSijmnH2UxSQ/3\nQPTQdDtHZe2950A4xaIfbrhB/oO5mY5SfbI1QZ5qQUp2JdVaHS4bQXY5BoQA\nLILlVyo1836H3UHXV5gXdn4WRkC06pEXwBT0JCuwcURiKrOtcx6bJijWEXm1\nIqbuBtD+HBUZtZijz0vINQMuVUd/VBrPeRRI7dbEkFf2M7xdx8WOyCeZbdoG\nFBk0AP1qJqQAjKlFPd676W/GATNCdTS3UzzEPaVHMpB9umGCgVbvlJLsMZUK\nzto37zcsvUEOWVZbgMkXitMxmBamCkwaqrLIPyu7WqwVuF9a70AJCQPjU7Qz\nceB0uf9bPJv74Wa/C3GdX/qq8VP/Cr05C/AQddDQyLujb7oWMRc/8jaXxTlP\n2i75sMI4Ihu9/CYyNtKlKlVsou6k9pLCqHD4226vbjKSFmjpwinyOWWO5gTs\nQ7GyOZ+dRyu6dAWTwEgHbn+0EyzN1QpLXr5Kwv5LtbnnjEnVWV9UpHma4w+O\ndwVciG3QeXr4r5CyAICow9RUPmm6hSgIAtGqMY/XSthFB8m3CCOkcifyO7RL\nFwXw\r\n=hB9y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC4paaZkgDTg88yMrnbMYF0OvC7Oo4ab5Q8WXNIGgwhJAIgXS4GxwuXEEo555t0iDkK6PxAIe2cIert3KbRsPvqBzo="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.7_1600454647794_0.20787121217089188"},"_hasShrinkwrap":false},"1.2.8":{"name":"vue-tailwind","version":"1.2.8","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20","vue":"^2.6.11"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"36fe41edfd349cb81491cd8bb149e4af5ce61609","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.8","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-mkK2PO18H9Kg98rPyKk2cSyZPIxAtKV7ioVTDgeJlNfsepIZS1O9xFBbJcDmKWYtJZoSZbXfw8r5npRPj0HMJw==","shasum":"b2a97979e06d5b161ccfd8895218a1a4cb5f00a7","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.8.tgz","fileCount":486,"unpackedSize":28155499,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfaWGxCRA9TVsSAnZWagAARQQP/1znelHt9NOib4MesT9m\nuYWnJXX8E0f/h7irHd2HaoTnwTiyrjTLtlTQputCTHxS/o+LBimzh8vpPj68\nLAPd+Ee/wwnCm3cbY1o3hN2BGc1Q7BbYrViFG7NFSKVfia8kvuhrQ1nrAnE8\nEuhC6q0Gx5j6k8PhnEYYnXsh6cQEOl8jHtl/HeXdjsbDwsUt3t5CMOtu/3st\n1Em/bFxXv5FrOdJNsjPBWP4rVOZUQ5mwOvtUheRNV0qihLnEHH3dIBGI0aJc\nLtKWb+T6VP8hGp09f7rLDNxsYBNhb9Kobne+fG3eVAjebSbxB6J/BsR2icL6\nS8O5oOfGDSfj1M/CggyYJ/gbocCZSAtqbvALkNyqUNHoqmRbOHCf4IKhDbXP\n/LLYhYzw06bEVbgGXB4x5M9TIoSr4j/VayU0wqZCWQYLoQ03rSk7yYmszI+r\n1KAtDLaF0THPymOkJRKglVLRghvJm4O5Uq8rrOHz/0vEMYpaVeKhUObDxfvO\nyr2DsYBiKAtYABfhO9fzpvxg/sNSTiW4ryoj33oimSl4O1ckzovd4QIShnb9\nIG2wSSN76Ok43QPsnCZLvNvVfr+Ewy4XPEq53Z/VIstylTJdUZbCZah+eeDy\nVEvkBPaXUh7XhlpcHMtqZ+gGQpm/KeW3wZDVIpBCNE77X6HslGtFIJDAdooZ\nGw3b\r\n=Ck/d\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2Dj2pvy9U/r7UY8bsgvZ9D9uTg4hgGyK4nLCclpYKqAIgIjhfDPEExMje01ssaWM8DCxmG+qoNlYLgUfHJk4yIK0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.8_1600741808795_0.16550881987622068"},"_hasShrinkwrap":false},"1.2.9":{"name":"vue-tailwind","version":"1.2.9","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"2d67b982595fcda5b70d5f30314fca6bc2333586","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.2.9","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-aJA/rBvn+06bgHTXVK9EIe64Hf5zyZJ5IBiq/4K42Fk3As7p4egk9Qe9Pr5ZsQ13rGhcLlRHia8NJX9Eys8AxQ==","shasum":"3d78f9331320f44ea1cd5e5f9a345c806dfc3582","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.2.9.tgz","fileCount":486,"unpackedSize":28159779,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfh5CqCRA9TVsSAnZWagAAfBUQAJpukLESym2aMoYdP8jH\n1TH6a+M+ZuvZquO3HWx9YV0apORFr8NuUajUKjTaK5r5qoB+6HxN8yyj3r7f\nOEhpqlQTI4IXORpyFgHX8UCO1Ujg2HEv5ozeJ7EM/XFYQzu2ErVZy8StUtXw\nqVs9sAru5sIsN5p684HxvFp2CjuWK8i0LpFXRkEzA1vpgOV1P+xosUbrgN4o\nC9wuj2GkJDqqDvgajYQK+5rg3CV7KnD5KlZ2nKIbg/BdTJP7A2Ttkf/k6C4e\nyAewLpPZ9AkdwfR5FzgajM2EVW16+hc972DtDMpyyewm/d45Sw7soiytQ9Xl\n11VNNBguwWfe22UlEiuo8OGFr2XQV5EWDoDBguq5nlcSbOrikxdf0kCMqc5S\n2ZrcrMQWz4p4UkJ6Rr6mUki6rJhHIPk76vDO80evXxJfq0rcpCExYDZPx86Z\nWL9vTNtp3vp080tBM47wFsZUKxlOqI19t38yiWQ8hcVUG/SdPdhENxEz6Ocz\nh/5OmXcx2ucd+Savvp+DwdW+/1no7K8mbaYCJ8rzZlToMxl+MC9SOkOfKW5w\ntAqvXcCCd1fVnbWfytv5C3sZMh3L08NdziF1+ZOtcVKOnVGDN/0MBjY/mRJR\naz1pgm88NydZ3UFwKkOUYb9/f4Ye3HDyJfTNBZbBTVKic4TvRutt7vzqo+ml\nS+GG\r\n=qigM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHIDXKRCLvFFqZ62KaYFkjE8N6wCp/LNj42vptjFbrk9AiEA6RgAl7H23yxNMim7kIEeaOfa9kdWVjc4PNSwqCbqPWk="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.2.9_1602719913387_0.16470684494723997"},"_hasShrinkwrap":false},"1.3.0-0":{"name":"vue-tailwind","version":"1.3.0-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"649928b08009bcd63c998427b3f58c767067d988","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-0","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-YJw+U8gPYdwJFFdcdynzOQYGmYC10Mj/kZtNntYmyzat2nCmS3kGgJPb1EI5RsFlf+MQ/NLZQc6JR5loUPKY5A==","shasum":"44bcebf5c2692d38c23cea862a55afd448df334e","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-0.tgz","fileCount":518,"unpackedSize":28715955,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiRN4CRA9TVsSAnZWagAAPc0P/0NV+YblNmAUKp3IVWFy\n8YUdWoBf85v1cBeXzAAnTPvMG7v6z/2ArSfKMSF7Qf8JmxhELB6TFqBJow51\nO1uufzVeAIc2zQmiO9k5GrQXxXdpcVIOCtdc/eP/tJ6QbFhYqmJ9XM/CzWI6\nw6bKi7QEPXJh1FQPo63M1pTfbcUxfivmN9dDjQUNxebPC3UOsAv0acpmACWs\nGSzlQpUJM/Q5q7HW5QWOCP0E6KeH2OwR2LkT/t6KwI1875s0NegwkRka20rc\n/zIpgMvB56SPZroZtig8ir6Zlryxm0v/X48eN0n/8zafTMkXbuWltc4B/EKQ\nsFdktepY7yHXhdtDfbqFIlAPpBhNTmc0y1gIcdLFF6PDOIRNd028fCjzNj9W\nQn0j8VFl1uh3/NV4o/zKMGbVMrgAVpjqga6IT50j6PJwefLoe5RmafZxdAmM\nRvcboP0bcnkgLseEXCjm4NqlLHqgUMXyFy/A/n1xNBITcxqDJy2VMHT63fxB\nVnFdd19XDiVG3ykOQl6J5KeOK0G+5NBj6YHoJKzO39iUyNDr1MSNrYJYgTLi\nzbK1tXaYeIaW+4AyFJKNZWQuTwoH//Or/gB7mKUYMk4IFxYtMhO0XTPLZBEx\n7eE3+YrzQP9SwVcFyPNz0ggPJy/obVyEhDnLNM/7kz5drl9CYJXlpBrGdV+z\nIVDU\r\n=AQTl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICEhdDUnIbyhORvNjyaRiQu2H/gRK27A+e5HH94WTCkTAiAieQvJRa0Rq3U40BBQFnoe3t/v82CzaalhaFd0Uedtsg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-0_1602818936237_0.40608208789464917"},"_hasShrinkwrap":false},"1.3.0-1":{"name":"vue-tailwind","version":"1.3.0-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"9f96e1c7cf862d210090108adf189d8ec69f0c66","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-1","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-apxq1KV1Ie3F1zuykVDpna4rlX4JE8y/eLrI//yCDvYORsS8I4y+sxo14U+rb/B7EkGHt539QHwcAgktOfrA0w==","shasum":"ab45a55beacc40ceda39017a83486eec87c78807","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-1.tgz","fileCount":518,"unpackedSize":28743533,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfijkGCRA9TVsSAnZWagAAEh8P/RWaaoaGAixLhhUQC6LR\ndCezkPWJMHN34SHJtEPJp5cxc5Y3FCtGCFS1A80CiYRI4GQG7uJkxslHPZcM\nAFMOT9l7snvLmmZU2zvJ8/Je8eiV1XmGL/bcy1EuW/Gn0hX14gad5Mz2Cgf4\n4Bv+FiPc6Pdedv7IIUcAkHbriIc+2N+umnL9dJbxR9a5VG44ndn9XhzYpHlz\nlgvIDif2TfemqJ4At98ERlnM5KX9pQbLaiQo8+Fz8KAQIwtovccSxCE0J0X1\nkQ1s+3tRNGPKHPLpQw3+LvwS70OK/dEUCnCcvy2lfn6vHYR5dUY/pIlBeukh\nAiXVvIaHuCY1FNmyJI+R6+XzSIofLNyAzyD/6J6aWxMH5w5o/6vt+Y3NPtrY\nOTVtG+F2nDUUah3bgp13ZjJSdZMN76TjK6hJrZ8n3MO7W3gHb6D6O6Vtj0Ws\nz45eGjksqU0/zlQG3cUPzQGq22UbUVEwULzZC6mHmxZguVmePP3up0LIhB0z\nFJp0VXbCol6H8Di311UBUkfayNbR+dbXMiSOZZmY8vYNRyrXhXeMPJV61qIp\nEiyrB4WerMtwbmCFkI5VvYcfH+Y++pJo0+RXG3KJLONYVKweFevdsFFCFbX/\n7AsQR0pROL5TTibOjs099uf4MwNVnx41govkXvX+H1e5nL7pnEPDeLG7U5Y8\nvCwZ\r\n=/Qmn\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF6F6E5SwsBfkJb2XwJJwW9Uy9vZHUoaZ/46KrM/UClgIhAP7FQR9cod+OpxAUyvvOKenByw6+3yEy7ZrOECVWsGpl"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-1_1602894085204_0.9814562237036373"},"_hasShrinkwrap":false},"1.3.0-2":{"name":"vue-tailwind","version":"1.3.0-2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"b5de1462b741dce1f443211525aabf9137e4b61d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-2","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-obwgSPqxv7k4gLuL1/JBX7I7KAbTS5jdshmYTL0Nz7aJaLnTSf7+UHzZgLHg3hDrklAmW4YC4PeMVMkKPEgzAA==","shasum":"ba47e3cea95a59923dd96d3fc3f01f9851c974cb","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-2.tgz","fileCount":518,"unpackedSize":28746177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfiz7VCRA9TVsSAnZWagAAi00P/3yZEIY6X7j9qy8TL6p1\nIRKaisP2rshx8D7xKS3yCro9JMrhvIXUYtCvYlTJICSz9RTNvJueh+DvSSSM\nBWioJWXucEBZOlIJSs0xBmWOnt9ZatQZz7tkzj+0Pwl9CAkhSaKYy2bBEfdy\nPLeRXfBWsRHMIUHokDnX/RgZWLUhxk2I0IAZRNWJNiYKaaad6b0a0VFpDdzZ\n7xYVom/s+h9wnHPKinWeClRLJLyQioSl9N27le6BR1BbHcr4zOowOyJdKqLV\nrAfJCfdIyp6+XwfH4GTrKefzgqzisnco/SGdlXNQe7CINGpCPoADE+j4+0Md\nHJoJbUK30pTEnao6TCx8a4NJ3D7IHOO+ki2Q34DJmPIFUI0D0uFihlVBlfs+\njBsi62XQfP1iVsP+Cz28OpRAtL8k9MVSu+vNfmMQGQpWLyexDE/pxc+R126v\ngJ4/qu/7V/OOuCntWUEMm5G4ocuyuYRQNJbOTA1Zk35OGHxQehEUQrqyXOjg\n/neYMLh/6r1rf5WDB+ZEvOd7frWPjZS9kaTXpDGcbTw92sF2iJPcUTVFIwKQ\nN+uBfU4XUTmWXP/QMkOncRXYncQbCzsGseWrwNF1occvc1wY3Jtr/8VNZvBH\niRZBHQSeihJ0GP3V4BGPoeF7Rh3LGJiuox4stST9YiDklg637wD4f/NCD0Sj\nzqKY\r\n=ie3M\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFztPhh35NtLN3aflMMVQBSPdfG3uZe8K/cwBX0tmDdRAiAz/HrybhfdALhsrpoFreRstIjLCoKB4BQbAUbyTLVm0g=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-2_1602961109248_0.6277696703363689"},"_hasShrinkwrap":false},"1.3.0-3":{"name":"vue-tailwind","version":"1.3.0-3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"6573976620691c3274fbbaf4106b9bd1935048b8","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-3","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-p57wlLbV0y6KmMYWH1+Jnz5beVWg6Ct9EH4ZX3ym3EYi9n3DxHr29s6nRsdQJ2mJ5ccsp98C+b/OEVTXDiA1DA==","shasum":"fbbd816a8d436311de0ffc805056d0a37839eb99","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-3.tgz","fileCount":518,"unpackedSize":28735166,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfj3PaCRA9TVsSAnZWagAAZ8EP/RHgkQ8FWPdARxqxiyBY\nGew5+tPZYMGRLOq+ETtR/v4gj575RKtgsCAn7ui1e0Hpii9no/cp2l8mUiUL\nvaQ/6M2dmDEcp7yVF5JOca+dvpQr7Dv3zox1d5Kynr90Iht26jsnJVpg5i2V\nxt+gsnl8SIrJeyk+7lIDYXK7hO2Xo2w4KB+QqhXgkxsRQ/rO6+RhpsHlj2rN\nvczwt+P93ORgpLi6tupFeOcl7KsW7RqbyvV+JP1nX3Ta4Ignk+ekXFbgTYzY\nFDAe71damCVhNXzf+EFsVhra5I0pYyvE3QT7KW/dgJXZxYpkTodxDfEB/jYh\nIIZfZ+oh6ykKN2rgHr/ShK+hkEAIR6q51yI3GE1b//U6skqgCsGSHxOaWt/G\nkjVOLajrRLeCr8DQuoMV4RRaDczTznumWqg2AgHcUatTo3qYZOIUXTL/0lzY\ndEGfn8lkSH2KeN2sIs+P248zk8/cm++8ONIj9iG+e/IM/KNsusJPWv/hJJcA\nZafveKl1ocfzQKtMTmbpLsU7JZuS9mEg1sceC4vR4PGCZ9/Xi31ni8hNFUHd\nryxofaF8vFJ8SciwZBA0ETHkdKA71QJ1er/j13VKWH2NClT6huhvPApfAExh\nPPitYcd+J3PKl3je7iafNHmmrTUrb/wt666GVSRqiGabDAaSEu+rVVtysrun\nr5lh\r\n=Nou/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCgh0oD6jRM9xRLiyPIqhwUGKgBDEP3r4V5pRRXfawNXwIgWgCUWbOKjh1c96lM8tz5HWUVTlrkRaCfTB6rmaws3H0="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-3_1603236825917_0.2763158191818669"},"_hasShrinkwrap":false},"1.3.0-4":{"name":"vue-tailwind","version":"1.3.0-4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"8af81582226eeee744f25bd70f53b3dc2351a12a","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-4","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-cMx8jpU7EytAnhOB3hOJut1ozIBTTmTmRmRbvAoW/MyvXVI9jU4q850M30f3oTsukdePN47ggKMg1hlQ9I8+qg==","shasum":"1dbfaa700fec3d7bcb56bd1cb733dee7bafffee8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-4.tgz","fileCount":518,"unpackedSize":28737498,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfj4nbCRA9TVsSAnZWagAAAWwP+wW1nYKvdPBnGsmGeFdr\nUb5rhb5ixD0Nia0AchJK8ZDVvnKyWgze6FsVYzqci25kF8A+QoxlpOqzTtVT\nDYeiQw26KDINagdhQgGGN/pOtLlO3GmuRAEj0oCfjXpi9d9waRoTzmAv8GfY\n8L4Mp/x8cRWT0uxS2gXh2XJqLUDfavOvwOVlaPkt3uVhae7zELRuKC+kPMYB\nm2tNt2Vep65CoixBykLNtuweYcGmbv5Wr+UeipAlujc/B8ZyuONbHSYa3BaL\nAlmNRxIcCGXufcGTNXPIf0kIQOoEkuK3VLnsWif2z9H2UHxs4ekMGU054wje\nQyS0f3I0t3mKcOKNMgtBBHmRh63l1wPRRGHtHmzileznjegDk0Zj4KbIfv4I\nedVZbFMkvBqV1nR0VwT5/MgxKGe8Lt8dEVR438RYFAdpqSm4rYL/GIujLUJ2\nhhUiBrypo4uTOw4FfUIO53ib16egjhT9MtUx6MFzKcGg1Be9uzO2j99rdetv\nd4g2Fx8WChIKOy3mumsphEEENmW6wQOa0VOdFScT4jhc0unzJ2ZbIldUioOz\nBei2owTfpnIOP89XqifO+eFcGOWWHO7tSFb1v3Ox7nRVVLHyHeRpw09OB1JW\n/k2tlDY5yUH0jrmCeiimRvet258cGF5ysUUZmrflUTvXdvYMnxblbkLV0Mx4\nTxb1\r\n=wya3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4jCg0MmNLlaEjUhUA/qV3J7hl+AwfU5oA1F4dGGzxNAIhAJdLfdrkJl3MKjSSREWhm2zoHnw3lvpMVooQLDp54V4N"}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-4_1603242458923_0.29202196465488583"},"_hasShrinkwrap":false},"1.3.0-5":{"name":"vue-tailwind","version":"1.3.0-5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"f7e2ec10b9e07119f1d9b28d8b3ed283fa6f5f5c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-5","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-nDl+2QlwEUXV59DjrDDWu2L1wOgtzqIgTk/u1lW6Z5vVy1xC59mq8IbTVOeYCJTlzoTBcGEu4JW4VqX9DrIxGQ==","shasum":"dea38a6e293a172553710a48ec4c7a6d7e2928a4","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-5.tgz","fileCount":518,"unpackedSize":28735531,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfj495CRA9TVsSAnZWagAAf6wP/ixRENRrWfF4yy5vkVjM\nLD54LOXWsVVZxIlmQ4sdFYKWPhwf6oqd7ASm6Hps3KNoZsMK5KG04Qle1Jf2\nSXhkKl/NSC+bg1xMyTPiQBbHyZ3zCH/6HqjEsu/+Ap1nRr/Ia2uO6erpDLiH\nWjflQFpSqnRV4VhVgisZIpNJD6z4UgxJz/pUINnt8H1zBEyDWsUcdKixwyfS\nYSnOAP+Qnadm2+IayWw1boy4D7Vp96KLuVd2xwQOK5/370+vxic6wvaTTpGl\n4iP0qcxJm5YmyzSvMmHzmgw43Jytq0k9V2rLIIU0gEwSa1JpcmXKY3x/YAdE\nBAjn1cz2//PC3BX4eQEvWXwWk+oSSPvvXg8PJ27pdjL/6R8YDdeTaRGmPGpK\ng6+h87nRoZaXEv62CWGmWkR/ABfB93qJr2SfZ1Wiuyp9pRBbn/WKa78op5o3\nmLmpXVvbxr/JQcqoWXvh14PF4+ut7eH7GcYAiyggdOTzePqz1xSXPniew3RY\n07wzej2haZz4PxkU9QoZlojH2BGqhQzYzIURerrH+gxujbV6CRRL3kMQVr7C\nGY1WRJ72W3wLEPhbqjm8c/lCVJqFLj10IJDvcHxzonwr4nMpyjC/lmvT+msa\nWmEsaUxeSui3U58RjDbbD0uaxGzc5iPiRovntVgIVU44yelp2Qn57XGLNVhr\nvlz9\r\n=YRrD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHS8GF+Fwxvo0b6yg63iKoR3tPCBuv8pltl3g/SzU8AfAiBvdnRHINH9UlgEMD58GlTHbBkIkgXTH1sAegAw7hSIsg=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-5_1603243895513_0.8707501993879894"},"_hasShrinkwrap":false},"1.3.0-6":{"name":"vue-tailwind","version":"1.3.0-6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"7839e91d738a911839f845a19c8115a95dd5ec1b","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-6","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-2xv3i8jqrGcJ11DbvQsIgEdoA5TVo/Ve1Zg5Gy3Uggh/Sg/dD63vksvpt5aCjTuA7UH6JXMIACTq2Eusal3HNA==","shasum":"e7a0150dcc03a33ce7d6818f6312424c80a0b525","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-6.tgz","fileCount":518,"unpackedSize":28734706,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkEuSCRA9TVsSAnZWagAA9VIQAIh6dSFwTEqVWE9f91xd\nsvNiYvy6KJMKLzdmWdtm4bZde8Y/boJjQuCsOcnXacCzB66ejdMrJXPB/wcl\nHkIl5eoeSioHi5XvssvKP4E1Itub/oNXEkewU0+tyg6QItu7luB+prVHgx4D\ncJI9nQl2/rgfsxaerUn0cOUBDTO2tQcFFpWKf1HAQcK1aNsYHJYeyL+Kfq2C\npLBUZB1DTwlznMSUEMf6uyTLoYNJEIbi80z1eQHT4exn6to6kyqAZt+O9Ec3\naXTweeJPZPXOXYrWo3gUh1BOy4+14XJBEy4TBAC8SfU+qAXElT+6+mOUBOVI\n71Dw4YaTtQRU18mn6ZjJt/LaAWTJFEhuFTLTAatjukw7flXeLyzzShlPagzb\n2HIdAmFzXL7cU/qxpga9BeaB/PQJ8bA2RK5NGPDd/XzoLtt3rdjv81vhW80q\n16rfqku/5/laJQUaCmqAQSuoLsG9pvO9ktVXthtKQRdxSjpaRlCkVr+CGojc\n9MppJkSymegEoucwMNLWkzPzd8nQRbifstotEQuujJUpLru6pyfH4pry3fTw\n7AFQKPvcqaNjdfHR0rzTkTC3qA7DfncNHAvDElPlOwfmNSmjLLfk3dfstTIn\nGVfpsz4f51URl+Rrp92VKG+zcdfGbtfvUlu6fDC6FCAe139XufFdBwNvYA0r\noe9A\r\n=CM/q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAjiJ/YmsiQZWNOng1gcUEFPMMIbZrEIAJ40eqHuu0yqAiBzu8yKDIO4wgp8mkP5QcmCiHazKF7ckM2IcUCSerh2zQ=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-6_1603292049677_0.9057561098982017"},"_hasShrinkwrap":false},"1.3.0-7":{"name":"vue-tailwind","version":"1.3.0-7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Also working in a Dialog component inspired in the [Sweetalert library](https://sweetalert2.github.io/) \n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"41f99c39c0abfec7925317dcef0807b36204302e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0-7","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-gqjDTf/br0+AkJPLS7k4ykpBTaDGnay6Rb8eM8WFEsFzLbsmfNPeJNMJYv9ipFYebr4QyrmsMisBMOy6BqZEMg==","shasum":"4090759960169cd40282c22b0da68e7499e812a9","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0-7.tgz","fileCount":418,"unpackedSize":19797669,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkMlKCRA9TVsSAnZWagAAV+sQAJVIoO4wJuwlQCuYV1CG\n+oZYTcZTYJz4KSR110QgpWKJ0YgQXNTp++U4X60HcZOQ6qCmsOQbvr7v+pXT\nHeIOL+XfSUXVKQg+cp37y1ZP2KtWYN98oOfAUkKmMy/KgU+jX6QNqCna/mP6\n5iQsg3Vk+SiOLBU+YoDlecWpM/b1aX8aZPM78lbeYfrP3AKokaCvJG4asxDB\nbGrDPWnguAxEYZrsBIbx280Kvi9+ErKkxIv6z6763eLAOVkebzgKJxkRjaz+\nCVlylGvf+BGmXZHsMVmX3vt4HAckGUe5HK8v28fbvX4Vn7enujQ1S1kKs1gt\nyGPqUjKk0OFAL9PC0g4x1BsyJrHMPtw2AV/DY3/fQfFky8yjLoVyGbgQogNk\nJq5rYZOqzzuPb9oV+V6PHmPQXRe+jXTmMj+aUgunBZT0hvJ53D78g80pjYEV\n/2pk/2ri9IFH0jk/EvDLsJuf0vq1sits3rSQyK2ywX0fzFN8S1e3J4KhJmiD\ntsDqaMNtj6WhS1qotQxNiGj02jIVLa0KWSOHy1En2LFW2cokgnhaH2H1ElQv\n0AxZfH/sv1nBKidEX3SBjq+yUaDnCK7SxqAH3aoIvIo/+Jw90K3iptutmt6s\ny0fbWF8d/XHackiyhrFWOA/hEHL6GApWwZMr8RksO5PgWRDvO1VC6gLDkvig\naq3Y\r\n=oT1v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHd82s4lIDtqbCr7FufnHuRczuBeTpohPy/Qg/QS5hd4AiAqHLXDHQy+LL1zNWBG1549AiIRW7IsaEQCp87V5wvnTw=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0-7_1603324234235_0.9807435333852175"},"_hasShrinkwrap":false},"1.3.0":{"name":"vue-tailwind","version":"1.3.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"ff241564694f868ef23a5a9665673da98f84ed20","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.0","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-rLhfcRYcl5U4TmQ7Cr9M2ZGCoyw7Hw7fZSqDOaWAG9oR3OR5gXtqBFY6Py+/KXpQP0ZdcWEoDiblGQFmZqyWXA==","shasum":"7ef4920ebb94ca179af80149d2b0d9cd5113c8ae","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.0.tgz","fileCount":518,"unpackedSize":28711497,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfkM/ZCRA9TVsSAnZWagAA/5UP/i4m2ktHAwAGqiTEj2iC\nQGenJnRyVESCEz6l05pNSKyFUVmi7i+L3y/UftYZqrS30We6prHrxsX+6xeh\nVlSZN2ZTvvBKUZib2oPYtbMinQ9BB8b8lOKlIfjQlz5+9rs14wmc8qtE7PdR\nHEVCwGzAC9eNzSWmRIscHHK/SyI2H74woKclFtCfjmHYaRbq+YRnySrLuSIe\nujvt8LNakXYXO0IdAwSYEUdX+yYqW3rUVjrKXIxAQGO/IBAmuvsKBGrfOdUH\nyNcF46/24gXdtrrKd8PIdHZ4Px0hLW7tRFqeH379rfK51+1BJ1sr9rRxb0Nf\n/FPk1SgcOL1A8c6mINZIFmLKWuV15Vvf4SUmiEukmndOYNnpUUWtwcQbswtO\n7bd/KZI5Ci+aFXtcr4twl/p61r4wBeN3whZLm/sZ5Gp/O6YsYdahgKkV4Ibp\n6HEnCAl2gm1uVwiJKVK3PnAUNqrXx7HsE1g8Qxkb3s+XMlPtU0j9XGBXEdOD\n0ACK9y8UjyNyEs+ghUkgUnaWYXMhsBygvNMYH18j7LqWnBsH/6FR5E9vRztT\na4oL+wDJLQOuXNTBSX0zrECGGj9IVTTVknhhV6NRPJHJKlRfXvg83VxEY9zF\nHRGRi1kmAW2QJPidrrvBhkEZ36nIkUvHUvoRFlM8IZydjjfC98CmgZTGa5XX\nYQH2\r\n=u29F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDKqd5W3XFA4DRyfCnsyg1gVSLAnl2sxfGKv4nxgL6BLAiA6Hnc8UO4RN4+tZh9GzTY2aEPw6ciYxUKyiwOlmv2apA=="}]},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.0_1603325912454_0.4069124667514439"},"_hasShrinkwrap":false},"2.0.0-0":{"name":"vue-tailwind","version":"2.0.0-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js --environment INCLUDE_DEPS,BUILD:production","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","vue":"^2.6.12"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","path":"^0.12.7","release-it":"^13.6.6","rollup-plugin-alias":"^2.2.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-delete":"^2.0.0","rollup-plugin-replace":"^2.2.0","rollup-plugin-typescript":"^1.0.1","rollup-plugin-vue":"^6.0.0-beta.11","tailwindcss":"^1.7.5","tslib":"^2.0.3","typescript":"^4.0.5","vue-template-compiler":"^2.6.12"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n\n### Built to be customized\n\nWhen you work on a real-world application, you usually need different variants for every component your app uses; you may need (besides of default style of your text input) a specific style for a search input inside a navbar and another one for the contact form, and we are not talking yet about the different states that your input could have.\n\nAll **VueTailwind** components were designed to be customized with custom CSS classes and unlimited variants defined when you import the library or when you use the component.\n\nThis means that when you use this library, you are not attached to any style defined by us like it happens when you use a typical library of components like Bootstrap. Instead, you can determine your theme based on your application's needs.\n\nThis library makes special sense when you work with utility-first frameworks like [TailwindCss](https://tailwindcss.com), which is the default framework used in this library.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst settings = {\n //...\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Apply your own theme:\n\nLet's say, for example, that for the specific needs of your project the text inputs should have a `blue two width border`, the buttons should have `rounded borders` and you need a secondary button that should be `purple`.\n\nConsidering those needs define objects with the desired classes for every component, a good approach is to create a file where you define the template:\n\n```js\nconst TInput = {\n classes: 'border-2 block w-full rounded text-gray-800',\n // Optional variants\n variants: {\n // ...\n },\n // Optional fixedClasses\n // fixedClasses: '',\n}\n\nconst TButton = {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n variants: {\n secondary: 'rounded-lg border block inline-flex items-center justify-center bg-purple-500 border-purple-500 hover:bg-purple-600 hover:border-purple-600',\n },\n // Optional fixedClasses\n // fixedClasses: 'transform ease-in-out duration-100',\n}\n\nconst settings = {\n TInput,\n TButton,\n}\n\nexport default settings\n```\n\nThen you can import your theme and add it as a parameter when you install VueTailwind:\n\n```js {3,6}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport settings from './settings.js'\n\nVue.use(VueTailwind, settings)\n```\n\nOr just define the settings directly:\n\n```js {4,5,6,11}\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst TInput = {\n classes: 'border-2 border-blue-500 block w-full rounded',\n}\n// Or create a separate file like `src/themes/default/TInput.js` and import it\n// import TInput from './myOwnTInput'\nVue.use(VueTailwind, {\n TInput\n})\n\n// Or why not? define the settings inline:\nVue.use(VueTailwind, {\n TInput: {\n classes: 'border-2 border-blue-500 block w-full rounded',\n }\n})\n```\n\nThe default classes and variants can also be defined in the component props:\n\n```html\n\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 1.x\n\n- Rebuilt from scratch in Typescript\n- Small bundle size and less dependencies\n- A better way to import only selected components\n- Unlimited variants and an easy way to configure them\n\n## What's next?\n\n- I'm working in a time picker feature for the Datepicker component\n- Toast notifications, autocomplete, and more...\n\n#### Plans for the upcoming v2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- And my favorite so far: the ability to install the same component multiple times with different default settings and name\n \nExample of the coming up config file _(the syntax probably will change for the final version)_:\n\n```js\n{\n //...\n 't-title': {\n component: TTag,\n props: {\n tagName: 'h1',\n classes: 'font-5xl font-semibold'\n }\n },\n 't-subtitle': {\n component: TTag,\n props: {\n tagName: 'h2',\n classes: 'font-3xl font-semibold'\n }\n },\n 't-timepicker': {\n component: TDatepicker,\n props: {\n time: true,\n format: 'H:i:S',\n userFormat: 'H:i:S',\n }\n },\n //...\n}\n```\n \nUse your custom tag:\n\n```html\n\nTitle\n\n\nSubtitle\n\n\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-the-upcoming-v2x)\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"bc5356b04f24d7244ec70e7627a3b862e31f402d","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-0","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-NQAlzvRq3D3mQt6zBHVyo6gaOf9yZYTF6rIwIll1LmJMqehepgw1vctiUh2H6vkQfXVufdOmz34LzWTuHTsQoQ==","shasum":"c89b5b7e2b787707677371951dcfef4b6ca13ce1","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-0.tgz","fileCount":155,"unpackedSize":116535,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfqe4/CRA9TVsSAnZWagAAj28P/0CGPkO2ZuAPd4OUjiVq\nGUIOxbpo7eICLZ6TAdUV/YsISBIvguF71NG9MCyV5/Ok1KWyBka/JyHJGfno\nZAZQDiCWxvO6J2VbuZg3Aw/5rv1BB2Un2yHZW+1X9oWv71iWiUMEzYYa/9B7\nqX3ikvBLEYCnCGPVZEqDTtkEzAErkbBCmvMN9BYMYuA81XF/Q1z/Uhhqndz5\ntMIvzuBPvJgBLxlkuR8L7mu3GTBbkp0VUReTnTnFnX76p9YkUDZiwBjxqDOE\nuyg3ki4owqBBbZrqnLnW1SDfll9YBV9wH/+HMYN78kP8A+NUaQ54j9HQnCuU\n5LovLsb8q9N6IMaxyN+oVNvn1B1i/uG0ggB3HsXElnIF78FypjOFqUBTToyx\nCXrsBZkytKkC+K9xwGwHHiAq3JdAy8yeVWFk88n0vhe0ugTkA6UJCfibFZuL\nVX2NeFe9+ZZkacMLIR8VpSat5k175PUe7ufyBhQQgd7VGctd66yE9pS33M3N\nmIFsEl6wnCYMWstysYlhGYg6vOECyjdwSOxbvxqlduOugS4aNUen3mDEfiKg\nMyXt0fZZaH65lZvPKARTAyTVW5eCknFeM5qmDN3a+5dzpdQK2BTGbuojuxqN\nnnZXQQ5N5oRcZNHdlzy7c1NC+J0moqLm8rZFrZ64oI3J/IzDsjqzxY++cm4o\n0j/a\r\n=KilF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDdasHrepPxdoz75Q65WQHTWziok6j7BOlNgJtR0FSf/AiBPQ6XzJHGduRcDDcE+PSnftv8frhTSXIVvQqNYeDTnvg=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-0_1604972094476_0.8262903332134157"},"_hasShrinkwrap":false},"1.3.1":{"name":"vue-tailwind","version":"1.3.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"624b07aa1f08d639f7e3b30c14c2195bb7466d45","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.1","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-lc4ZC4L6z3nEb6l04OwH7Uc9rartOfo7AvugQLYFq1h7U6GH3SQUbEBW+OpRwKioEaRVnN3hBLAVoeCfh26zPQ==","shasum":"037802a9507fdc6716a6ea5a20f5ceb178c8c149","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.1.tgz","fileCount":519,"unpackedSize":28725295,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfryEZCRA9TVsSAnZWagAAgUEP/jsPjyWUyF+XmtX6972I\nOgq4utJ6rXq0OObYLGVvrvVZasGt92ZpZYIffd75geo0czsDzDa9X2NG5CGH\nitlUuK/tminQOguwOUF1Q8GAJC30fp7vu65vqabNAB2a3shQDaPqgkfoFput\n7lLDJpGolHeD3KVrutKy3QANa6qkBnBSr4GTGayPpbAZVltQY0yMh3muK1pS\nVaaxOTe/oCBZamiqt5o9uI/UdwVSYbikTQyNSpMgjudYfrWtfrjenOp1aSs2\nbnCT3BMjapmuM+6Z62f7U611AEa+JpdLrsvo5qiIBvujylHl2caryh4POcdc\n+XpeIiOq7Vtebqocn0oxMl2F9yG9rwzvO1meHL2euGl5nm6Zi8cZl1rRWKUZ\nvm+TesemXIa8o+x5YmQfyENnQ6XIl4722XswkBjL2MNfRQ1ZQq24MEqmEjjl\nrtmcR0FcPxAzG3Rd9EmxKj7h6lNz4tAOndTRpLALcOFFJSm/wCO0afhOUmd0\nh2eLCTTt3/AHdOK0Lz2CHMnJxX3xbBJtp3aOMlnMJZBUzwy0CeVUKUoKrZ/M\nyZ+DhR0bml3INr7mAYmH+Z6CChVsLUHBVl0QxOC/NCOSjy3HXnFtAz9OnfZ9\nzWwOBNdNewQn441iYpEq+7Cy15RE1x/XTPJfDojJODUMmMLwh6WNnbIDxEdW\nJhcW\r\n=dWvJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFSVjkCUfL0itwOAWeJhehAqd4AVX8AJ41IDtnCwndBZAiEAnqQJv1MqWvWruBnjEWSOSNbkdTPDTbiL/HMCQzFKoM0="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.1_1605312792787_0.1717218619824077"},"_hasShrinkwrap":false},"1.3.2":{"name":"vue-tailwind","version":"1.3.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"acda72bbb5d0d11d9390e18efba6c8f1965b6deb","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.2","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-L+IOOaHtCWifKmk5LcYziQ+gGdE5vsNGj3HyvfnVovq6rN7hjTcPaI1o9JHgMElwj0sKSe+qGCskpKpDwiet0g==","shasum":"2634e8e48c0d06fd53fef4b9dbfb8fa55ed92875","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.2.tgz","fileCount":518,"unpackedSize":28714342,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsvLLCRA9TVsSAnZWagAAm9UP/2tj9yI7/RJAo9/e7bYs\nUzyan9mnVCS7Xgoc+D0K0ZxXH0BZEOPp6SLPg+HdSg+LzEVwvnhjJUnM6HBn\nfEF+cMsZQg7g39itYclcSpS/kDgjmf7ioLFSo2QPGKTF1mfeTS2AKuALQrkf\nQjWesIZbBOHsPKOcFpC+cEA2gZ/bhU35od9WcPiqXQCPX/BwgBrpLMpTbUTq\nwoNCK265vXUjjnrKa25wufX0Fp8LfOvsa2MTYJX0ggV3oFEhF0whQDM9s1mm\nbweBvXo33UcJKwb0cvxWtBdib+JpfjWEBKsjJVMitXH3xHBTBP3f6wmoRYLI\nKS27tGMporTe+yOlDVlaW7dlE8sAUV+N5yN7SWcth/xXWGIuHHMzRfpIXX4b\neMCnNy+7ktg0VNNrldrkd6HJcor5YShsvkc4PkP+9mSZ4CCt0TudB0Y84Td+\nWDfe+4j4rbM6XhSlR9VhQMzF0+3fD4iMtqGhVNwQ6m86SWXOilnp1eIUEI1d\n9YwCxsicdaAIoEzJWjrMK+9bvT2D8T3lOe6Yux1VodnrL1CKLLz9l6bOXLoV\nKUuhDH81wyPELkl1sxOa6GplwQaDMnrNCBcfxZ2cs7wedKDwjwUUkmz+j6Yj\nexCi9QZ/nP3O80ZepKLzN4HTXhl5kKMpkXzcduzPd4VtYo8ghGtAoNDMo9sR\nQ2gK\r\n=KztJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAUZ1Qrg3P5j3wwrSq+zIAmqeWjwAI17WHgXbppFw+5HAiATDb5XI+AfxUokOXQFiYo4W0zp9UGOrnUElqkF/BRRjA=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.2_1605563082213_0.9896292657355656"},"_hasShrinkwrap":false},"2.0.0-1":{"name":"vue-tailwind","version":"2.0.0-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","vue":"^2.6.12"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.7.0","@typescript-eslint/parser":"^4.7.0","@vue/cli-plugin-babel":"~4.5.8","@vue/cli-plugin-eslint":"~4.5.8","@vue/cli-plugin-typescript":"~4.5.8","@vue/cli-plugin-unit-jest":"^4.5.8","@vue/cli-service":"~4.5.8","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^10.0.2","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tailwindcss":"^1.9.6","tslib":"^2.0.3","typescript":"^4.0.5","vue-template-compiler":"^2.6.12"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"285f16466d71cffa28d2946ab33ede8405fd139c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-1","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-otbtRDNoJUa2VELh3/KDpZKx+j+5v8kjPYmp/FwBlT04zFp9b4LmbzL2gq4gX15EngQNCGvniYcVOu8NFLgjFQ==","shasum":"100dc0a2d8447138f4e5ebc1c8a775c8d634c814","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-1.tgz","fileCount":343,"unpackedSize":1988771,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfsxa3CRA9TVsSAnZWagAA/dMP/1p2Dp1+6tZkjHLaT4AQ\n84YL6Thngl/KfI/1SKeoR3rJH2d736aw7MHmA4ul5QexsccJEoXsdDdg6j9S\n6nNmWJYckjb7xBU5iNiAAIlElHipkddJxyrBCSZ047Z9S8T9uvTGWmELl6wa\nhItYNT8FtErxHCkLuKUFQMzoOn0jrlS22RThfELNj1K0MJ3u4sesmZU3vsVc\nHcoX/Wqnyrp6JdH+NO16WLUa7odaFh4RtsI8StaCAWb54CZfRndZUpra466K\nJ/P/VoAzorFmdDuqsaCMfnraedpB7LHwka0kZUy+RFTnFPyIQyVLxE3amAcF\nwtJ+wNGFSvrFTknVDxO6g4NXogz1l0BUCQfRq9E1ZAJ9Kt8L7tqb2DCCDM9n\nWuWMVv7vW6G6bckX3jY3gBOI4HTMSOmvNOi0tab+x9gPZOvNzdQTA9Ys8lC2\nmNwN5SgnDN22q3f2vQn2U+LhiMNeU1pCeuMgy/FwXbH9iQpREIX9Q7w1kB6C\nnBmjr3RbwfMUKjRpGsENzBc0s5PNTIio3WVPZFzpY6vJOEWehudd2YN3yJU9\nr+Z9F3+yAtwkVCpPG0BbGH68VpUDvCpW5WxeBdWgm9u9zq5FcQZVrzxeJabj\n5I1GjyvbIShXHMqKRX6GPa4j6QN6Vfbf+Mln9OWFokG4N0bz9+DV0KgUQNsr\n81bW\r\n=txza\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICIZS+xPLh1U0Qm5AXT0hmhIG2Fyv5dCMRdvFEwssy3SAiAyD3KpLewauqRegB9iBGoNU5tN5C/oWFnYRbS9zpmxMw=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-1_1605572278678_0.8104084301924084"},"_hasShrinkwrap":false},"1.3.3":{"name":"vue-tailwind","version":"1.3.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"scripts/build.sh","test:unit":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.0.3","lodash":"^4.17.20"},"devDependencies":{"@tailwindcss/custom-forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.9","@types/lodash":"^4.14.159","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^3.9.0","@typescript-eslint/parser":"^3.9.0","@vue/cli-plugin-babel":"~4.5.3","@vue/cli-plugin-eslint":"~4.5.3","@vue/cli-plugin-typescript":"~4.5.3","@vue/cli-plugin-unit-jest":"^4.5.4","@vue/cli-service":"~4.5.3","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^5.0.2","@vue/test-utils":"1.0.3","autoprefixer":"^9.8.6","eslint":"^7.7.0","eslint-plugin-import":"^2.22.0","eslint-plugin-vue":"^6.2.2","release-it":"^13.6.6","tailwindcss":"^1.7.5","typescript":"~3.9.7","vue":"^2.6.11","vue-template-compiler":"^2.6.11"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"./dist/vue-tailwind.umd.js","gitHead":"f5cc109c4da1abbc8c85b72291733dff857afa70","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@1.3.3","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-rKOjisjr7VcUEvbjZ6myfs7dDG0ukYAGhpyymXLKmlz7moKWKjn/qCU7TcVUNZAw4GasO5ORzm1DXmL0/qvrqA==","shasum":"8eba1243822db7e3e9a2ffb1b162886ebf9e334f","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-1.3.3.tgz","fileCount":518,"unpackedSize":28753776,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJftFVtCRA9TVsSAnZWagAA9BgQAIuMXNZcptuCcvHExEoR\nOClGAuNWS2vJduB6ST62TmpVqATbEE7yUOGkCl4bTf6IjnuR6+Bi4x5tWyLM\ndpXcFt+QNxvy3h+16ljgic6izY0HtcmY/MYxzc35gihobEkuinidR7dxOCuj\nQbYsHU/YDSXogD4S5Vbup/XHwHQSIbobqvugfsgq6vP+qhp1dejf3zSKrxLw\n1uBll8u6zHbV9mOX705nR2NKnJfpO6rc5xrJHjhMM5revlcB0Tw5F1SgtvZ5\n8W/jhW2zexjw4XPVxKass6tb0XvC3rsBnZZRN1anqBC7d38OnNZ1oaA1l6oi\n9lNjAqhMpqf/fBWo7HYmaONtXhbeoQ75RywJ11O6QwxxEw2zAv+i4kAAmtRn\nVzFssJyjs/mdwy79I7dBTplaPC4VbFXigUf2AHIDTVHQCurFb22EV4od4jtu\ndVP0d4fr6iJ51itb9YpOvBnXdPxfNboq9t0oGdkwEMcoWyeMLu2Zz2tG+5Vj\netKs/8MJTxxbiOMNA01wcFi3uRYEcXHUbT1AVyNcBj7B/QjwcQ8n+5cCQDI5\nXC6CtgRROPYZvn2ZRGpNbmhG+MVrYMFpPlauvu/XYpuR27VJDysvER2EvyA4\nAZGbwsfEEQlBnhJCaV14gRU3u0tXxeMhKlK7mD59IEVnuivrvPQ8cuYmRsXP\nw7Rk\r\n=BB+q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIELa8aGdTYzfYpYfVJOQEXGBCjjpMRFzPR2bDsiWkCnyAiBqsQtuEFFiHm/2XE4woXy5WEhqBzIiOJocxB8OI/GRQw=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_1.3.3_1605653868947_0.4798124496846701"},"_hasShrinkwrap":false},"2.0.0-2":{"name":"vue-tailwind","version":"2.0.0-2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.8.1","@typescript-eslint/parser":"^4.8.1","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup":"^2.33.3","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"11336fbe31dde62692019706e8de4c924d58ba26","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-2","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-QViMWzpxlzryHEAY0pViHMdAW+BbfOEkviCDU6ebzyLw6cpbCxwrr+jy0TwKhdyv+NboMg26ikKhqNhSFAkC+g==","shasum":"957379d37a339f30a2abcfda80915ee09a7fe38a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-2.tgz","fileCount":343,"unpackedSize":2020248,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfuyroCRA9TVsSAnZWagAAKNMP/2puR6SWb/T5ovxIacBj\ng5sqs2O+4f0qpb7HEh8RSBlOMWtQ6+1KvzPGvW2igM88EfckstvKyStWWci1\ncY50Gaq/+F7KHXYWgqREAYm8BfyVl79Tpvar+xv0SMcqvTOihzhcMqYWnvxT\noxhj7ZP3UrcH+JGBiypk0mD7NwlkJ7P8wIOyvQ5q7dZQk1OHG9U6OovvQCVS\nWq+DcQ0BkLFnXMnJnoVxozJLWwe70k9phz6lQYaJ/8U+VY8+ZOzVP3ZdWCKI\npNyJgS1g5SBKD2lBEaN8AvMHWh+ji/42MerWyGJha8xBoPepYYhXtZty4Vpc\nsYVuaMQNJPxTeY404ubRziuYqoPQAp0g1aUvoBdyiErT8XSpf1oioHtC5sYH\nveFGj3rXCTWdPUidMz9xgYdhcfoXCJzforf+PeXKS5LmWYMTRj0PWACNxLfe\naCEvKyqsLTZE9bvN8WFSPVVC34TJUWdIMgjVXw5w65lAg9IIxVy2f5gKI+ox\ng2TpAKoP/jgl4raktKgC4SJHL9YfiMVGvi727xE/4MFUSwSu9X6CFFkGs8i/\nTMyk9/zzi0Esj+COHnlLbGkjy2XFMcNP3uxFLQo3PVep4ARjiX+4cY10ZemY\nZcCCahpf11OptD/BQh634qksqA3Fa08JdRns20ED4R1wnhXaMc5SYzsy9Doc\nrsXM\r\n=2tIm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDoOn3otGsqc4RHdE5mYVgbbAFW/prnjuhgeX9lhpoyRwIgVmVfhfRBP308geuSk9UxoXUhTFKjR45Ss0yh9wzv7w8="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-2_1606101735835_0.4531231236262576"},"_hasShrinkwrap":false},"2.0.0-3":{"name":"vue-tailwind","version":"2.0.0-3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.8.1","@typescript-eslint/parser":"^4.8.1","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup":"^2.33.3","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"36e0f5f8a424a94cdf5ce11dbdf2174a2a6c2b72","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-3","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-auW5j2M5IFzEojVaaEi/PwES4WX274cxbwrFIJalit2rsIPn2t/FwD3nvJ1qzEXlTT9jYZ6wgvRGD5ZHQF0/7w==","shasum":"06be0078abb4edb21ffb76b51e648fabc1a3b6c4","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-3.tgz","fileCount":343,"unpackedSize":2027966,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvEIpCRA9TVsSAnZWagAAP0UP/jTcUtQUU/FpWij6mfto\ng69VhHE8I6fL7kdveBN1UI9bAHEp0ddDAdeC2j45oST5r+o+UpdntBu8ASoe\nRdCNDNfOorxT5ISSjzJqXwQUNUIQTTWQ8LiSntX/LCa6zxOifbaf82tW/NsR\n3f1Vs8rWbYw/Vz5ZMVzyK2IVicN0dD3OoA6481NdzXVMYOTNfKBJWkPoJM0F\nNGVtcFADmlqYJWqnsmbrG1ALl0vhxvvIayTQ6p/Kjcw2vNWhDi40LsH1jPYe\nzaJM6y4h8N4y4JqQBsMEvhYZ3X1DQrg2LxMAA3T7Zop/WvmPzUzxMw9mKzIE\n12rLbfFug8xzfkPOVXzjaFexoM+AqB0RpQey1rYT9TeiwBX217xSoaqvIOje\nVlSF5FJcAP+zCid2LT+SjmR82Vs/kDJ8qsPSaRys+pAFcAK4etT+zxQYN/Mf\n7Hu+z5VQKMjmZ1Py8L67NY8CU7XlilNmItg/fC0YQEXfbjLif+/+AsBgZys/\npwzIJyUsJohGmkK7wBuwL1u43ii5sDO6SCK/MFYTI31Cgfw5Iv7nMVYMVrYn\n+k3qPpMxEDhdUouL7Pkvjpubyu3BywuJDFjSSYImHq/VU1OrsegIZYENhBJR\nFdhsMDoeFleFs76H5mPUthWI6aO8o7Za41bulfgiCpMSzrGnK044YQ/g0bk/\njad9\r\n=mXo2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFmZNJLbU4djnZRlJTEjSpgqzjLGJfylIOM0FJsraxI6AiB5/kzdQW4oyn4WAREucpwjNwFZcw6le7iYEEYqFzozyQ=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-3_1606173224979_0.6235321519421475"},"_hasShrinkwrap":false},"2.0.0-4":{"name":"vue-tailwind","version":"2.0.0-4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.8.1","@typescript-eslint/parser":"^4.8.1","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup":"^2.33.3","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"5c1b4a2f4e323a24a34108c48089fcb17ec799df","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-4","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-JyoXXCrlZ5dbwxM+BnNsxiGXWbiIicP4kFIzn+XN7QHiCKt6uOsnHr9k1JTOOO7ef4aEl2VitRApnT1uHMaW2A==","shasum":"7187395bfb1667f3cb36c21168dad252efb33ecc","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-4.tgz","fileCount":343,"unpackedSize":2032851,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfvabkCRA9TVsSAnZWagAA7IwP+QByXcwr7VcMw01Fk3iZ\nVAZBlTRaNvxhtkcmlAXA7mCAj28Ga0uqbyLYV28syiavi+mnndDnPQhiLqFt\ni/0xhKx7fYPD6QqCaVHXQnHEa0v0hIp116mQB7aMe/0q4LihG9wUZofgEmqh\n5sdPafw57idokKRT3daie9QWRgftxJQyiFbZ++VhMdmcRmK/IAjve01CUMPM\n4+hJBmmnacA1JK9qdZoRTspmoH9XaD65Tmg9+ulXbHlJhlJ6rr7C4K14c5U6\ngdzVZ9Pe2R41Q6qJdmyCPa9D3QsOduMxXJv1Yw0PaIDqv5c5yHuITqXi7wxK\n10+MvMZF/BdkoTHjAknhCnhKnjdysQU2ihBvstTGpR8AHRS84ag2AQC+Rbmi\nPxzgZwWW7BhcbfpPkqSXV0L+f4kP5uDj1F8QMyRD/GP4DDTkEGKtZwj1nAmM\n7BeF0fXG9amJJRKvNpPazct9SweVIgW60rWqqW9Noub0de484JXEMghxWhM9\nSxRF3ydqIU6WvQ8eh4TOHLm2jmzWtVjwoX1TDiqGDFGzCUn8wzLE7XbpX+Wy\nkXkD1iiKQ59bY/DA90M1HsC7X33i3gk2m6CPS7ZDUxsluKHUVyXuHQFPRU8y\n32aCw45Zmdxb7kQ9436E6N67x7S8wqgogZWK/H/jKHoZW7OICDRJyEZsBaqy\nIU6w\r\n=2HHr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDC21dQ6SLGuHJ6KDk1NE4jw3ENwPqUYaCBOcn5QEqWTwIgJdfaEUCiAoKnSUxOoLTvnoScjiH3+p0rfkPMp63KH0Q="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-4_1606264546960_0.947128779633259"},"_hasShrinkwrap":false},"2.0.0-5":{"name":"vue-tailwind","version":"2.0.0-5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.8.1","@typescript-eslint/parser":"^4.8.1","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup":"^2.33.3","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"ecf5b0c8accdd16619f1bbe84b706f6b03abd461","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-5","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-lFqiP5MPq6VSq6Bd9a6+Ocx+V9f5G6korAvuN4l2HG4oJgHhVrG3jvHYHh1QCsylIaknCqhoS6uirg0knoBjnQ==","shasum":"f3654722e6404c62cd5059c6aef4fd0304a9a882","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-5.tgz","fileCount":336,"unpackedSize":2030130,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfwY3QCRA9TVsSAnZWagAAU2MP/jC+gK+jLgII7f8U0PH9\nb03BuK25dH5JDDAyNHkw3w85skljuurkWiF56tLQCo+v9cqnQSE9QVHLJqmX\nguMgWemerjWPMUzP1vuqnZEqgvCDtzdo004zrIQn3Ut0WbQGREOHroJnzH1/\nEGsDN7c7mx3Xlgb/irwKWMVlcpIIS1vqIZDrmgYFt1p5m5UiRFcVwgZn5Cul\njWJ+3vJFceoi3rkQRSH0tRIKV8s+ajngyjWEfZHR8bTr2SIcc5d6g9F/8EZb\nUGUEgDCx37vZdX5GQvVXXUOt8KAHt2uWBJwpWHfQEswW15Fy52nFLjdETREv\nPf6EKCMxP+piTmi8Hvbg+GC0ZWZpdtG/dw2cuhr4O0hY2rqT5dodDuD+9wjW\ntGFSEzKsBtQhw827k3alcgq5mgo5ZBxCDkSYZC5yHPNNf6rwIw14SChfgqcf\nkkD8bKdqsPx/C1VMgQx+PgYUtwnVZXDze/027kF5OiN3Y6O79c0jRkH55Kau\nFZswvi3zJ28bP8UkaQHc/gMgsn+WBaYR/hNSjtqPOIK7/UgJe9nUJqT8kdGi\nj5K+nXbiATuVsDI4NHt+NRSS6chvxO4JHDOBeVcv+1DTCGyTe5PHKJ7jfu9i\nuqlnlc2crHIb65P+2wVGCALQtxaOz+Zp708gSdw01QrK8OfBRd8j8DzHQMf/\n2FTa\r\n=eqyY\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEJ3/qnUE+RbZuvZrSgxduCmdeSIplUdKs7/i26qXaXtAiEAu+sRRuhMSEPEta1I3YSfXYJ8Dv++QiRQcVCdVyloaf0="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-5_1606520271478_0.34944676909141426"},"_hasShrinkwrap":false},"2.0.0-7":{"name":"vue-tailwind","version":"2.0.0-7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.15","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.8.1","@typescript-eslint/parser":"^4.8.1","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.2","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.1.0","release-it":"^14.2.1","rollup":"^2.33.3","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0-beta.11","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/)\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to the unique design of your application.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries. Those libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right? \n\n### Best of both worlds\n\nThe VueTailwind components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your set components for your particular needs.\n\nIn summary, with this library, you will be able to:\n\n- Define your components' look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component but with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind@next --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind@next\n``` \n\n### 2. Configure your project to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Add the components you need with his settings\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'rounded-lg border block inline-flex items-center justify-center'\n // ...More settings\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n classes: {\n body: 'bg-white p-3',\n header: 'p-3',\n footer: 'p-3 border-t'\n }\n // ...More settings\n }\n }\n\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Theming\n\nTo apply a custom theme you should use the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\nExample for a single-tag compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when variant=\"error\")\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when variant=\"success\")\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nExample for a complex compnent: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` classes since they dont need\n // to change within variants.\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"edac56dbf8769c7921c220f50e5000edb999507e","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-7","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-L+iN0cFG4xA2vpki0mpztKsjkVXh2sQ8jkZf8kh2fR6RC337G3zBKG89EY6+kdgy5l3XApq8rfJTG/mWmQcLxA==","shasum":"b864078d50def596f06fdfd0cbe3e6c1c1b0186f","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-7.tgz","fileCount":336,"unpackedSize":2030603,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfytI8CRA9TVsSAnZWagAAgJMP/1XjFHuSLfcsHdPqnYbM\n2t6sA9p2lxbkQ+oo5Gj65OZZ1gDCvIcdxsb4Qz+NW1u7/c9n/LtXoIAhWdTT\ndCPjB7XLbSsS2gz6NxQmZqU44tJ89Y1pEXHH0dI+z+GFSPc0jAciAbAr8Ubu\nw3MXcAH3KZ1euCj9GYJBK/cuNCOn7iHqCrjqREatzUniuSfP7l25C9/UxjcC\nRvcs8xGTXFYQsYS92lRVwnuEI55ZzOx+5LV1jkFEwqRB2HNcmDqa7+CYyObW\nM/vAe8UZqkzGKYDwqRBKTS9C8e4av4t4msr29K3iYgSY3IMVlfgo2ot9uqDc\nnmEuQmgr3bS3mAJxZPsM2/jrpqWFwUQq1adN5fUGl1y5UenuI5vqNdXzll8I\njqpQu6poQY3P+LCCTECdOwsSI56cm/KL2JqEjo5lg/lgS63qFgrXbKi+lQMd\nY4JrDoD9d2+fANdveLFnnQ1Z9QVZzsgmXniP0tHq3HbV719K/SReBkFzs5lg\n2VAWFr+YapEBJ5x2vht3pMF2qVHm078tjRcvyP4vB5o0yeIiAWaY/KQhcHjM\nv6Bd/hClAFnO6+u2Ayy2z7QfpNMK1sywOj0UPnqYUH1DPvN9a3iusCTqolBN\nVHu90LwyJ8viFWY+sihdqJMSN/tOxZ9CuYsnZLklQ+6iAR6FLX737qmesgq/\naLu4\r\n=ax1z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhF7CrHAB5R+grpKNVVKUuzKzt0NuabFVC4GFqeknSzQIhAM5rPv6tCGRdTq8RLOBXjg77z50VhEsJc2UYd/QzDYju"}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-7_1607127611532_0.9009066475301606"},"_hasShrinkwrap":false},"2.0.0-8":{"name":"vue-tailwind","version":"2.0.0-8","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","readme":"# Vue-Tailwind \n\n\n\nFor more info, check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/).\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to your application's unique design.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries.\n\nThose libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right?\n\n### Best of both worlds\n\nThe **VueTailwind** components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your personal set of components for your particular needs.\n\nAll that means that with this library, you will be able to:\n\n- Define your components look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n### 2. Configure Vue to use `vue-tailwind` \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n //...\n}\n\nVue.use(VueTailwind, components)\n```\n\n## 2.1 Import and install the components\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport {\n TInput,\n TTextarea,\n TSelect,\n TRadio,\n TCheckbox,\n TButton,\n TInputGroup,\n TCard,\n TAlert,\n TModal,\n TDropdown,\n TRichSelect,\n TPagination,\n TTag,\n TRadioGroup,\n TCheckboxGroup,\n TTable,\n TDatepicker,\n TToggle,\n TDialog,\n} from 'vue-tailwind/dist/components';\n\nconst settings = {\n // Use the following syntax\n // {component-name}: {\n // component: {importedComponentObject},\n // props: {\n // {propToOverride}: {newDefaultValue}\n // {propToOverride2}: {newDefaultValue2}\n // }\n // }\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-textarea': {\n component: TTextarea,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## 2.2 Alternatively, you can use the v1.0 syntax\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind/dist/full'\n\nconst settings = {\n TInput: {\n classes: 'border-2 block w-full rounded text-gray-800',\n // ...More settings\n },\n TButton: {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n // ...More settings\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## 2.3 Or install only the components you need\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'block px-4 py-2 text-white transition duration-100 ease-in-out bg-blue-500 border border-transparent rounded shadow-sm hover:bg-blue-600 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n> *Note* Using the syntax from point **2.3** is the best way to prevent a big bundle size but only if you import a couple of components. If the number of components you install increases, the recommended way to install them is to use the syntax from the points **2.1** or **2.2** to help the library reuse some code and keep the bundle size at a minimum.\n\n## Theming\n\nTo apply a custom theme you should play with the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is used.\n\n#### Example for a single-tag component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when ``)\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when ``)\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Example for a complex component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` class since we only\n // need to write the classes we want to override\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Override settings\n\nAll the components on this library have default settings added as component props according to how we understand those settings are most commonly used.\n\nWe are aware that in many cases is useful to change the default value, so we don't need to add the prop over and over when needed.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TDatepicker from 'vue-tailwind/dist/t-datepicker'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\n// Locale to eventually replace the default Datepicker locale\nimport Spanish from 'vue-tailwind/dist/l10n/es'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally it defaults to `undefined` that means is considered a submit\n // button if the button is inside a form.\n type: 'button',\n }\n },\n 't-datepicker': {\n component: TDatepicker,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally a locale object with English values\n locale: Spanish,\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally `true`\n escToClose: false,\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nYou can also use this feature to create different versions of the same component.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TTag from 'vue-tailwind/dist/t-tag'\n\nconst settings = {\n // What about one for normal button and a `` for a submit button\n 't-button': {\n component: TButton,\n props: {\n type: 'button',\n }\n },\n 't-submit': {\n component: TButton,\n props: {\n type: 'submit',\n }\n },\n // I love this use case for the TTag component and will let you guess what\n // is doing: 👇\n 'blog-title': { // Used like Title of a blog post\n component: TTag,\n props: {\n tag: 'h1',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 'blog-subtitle': { // Used like subtitle of a blog post\n component: TTag,\n props: {\n tag: 'h2',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 't-link': { // Used like Open site\n component: TTag,\n props: {\n tag: 'a',\n classes: 'text-blue-500 underline hover:text-blue-600',\n }\n }\n}\n\nVue.use(VueTailwind, settings)\n```\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n- New default theme\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n\n\n[Version 0.x docs](https://v0.vue-tailwind.com/).\n","readmeFilename":"README.md","gitHead":"6d6933f6bd9c6fe03893065669b97c17ae4275b9","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0-8","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ew3hu86/+gq8bRa6eW1As0mk8XillkEQbipXHr/MWGut/QGOSVYyH0leAoZGnPv6eib1TkKJCYp83FE941kVCg==","shasum":"4242771ea444393ec343ed561bb40b31c60b0cea","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0-8.tgz","fileCount":338,"unpackedSize":2638411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfztFSCRA9TVsSAnZWagAAa1EP/0HcbOXJtdVyCsMzcdb/\nhhv/INT/mN0Y3ABS0awYJKOVcdGG0iLSU2urXgd74SN4n5jWoaLLpYJifiSp\ntpMq1Iq9CREZZU3ZmFh7sYP5whttgTtYSfFfFucdlTxoyhvixFCJf2qH+8RK\nQ8kFPHf+75ge4WsfTqxRB2i9GGQP6AbweZ/H8t1vLojfKHrMOFpcJzPnknIf\nTPTKsRgf+6xZCpbM/CHOZEvLA7+hus++9q3tBv1kzkZhk2gMDU8j5mzLnkcb\nul83G6HepbNHjuXGeGZWlEPA/dsRXEgqD5vmelkooehXbVcixR+U1EQzKe18\nHDSmRmuOJds/ZQgdDejjEmOm2izCxiob4zyc/I70ruYq0gylbeIkOnRLl4Nt\nOpPhh+I7z60POhPsOscXE9oGM9R5M/ZWUbKjp5/L+wksWDCln4vBhV29uSAJ\nwVGueJOZ0DePR0MQ+Czrq2DzUffiQ3LwKDA8f6nZXJEwF6Z7YwmxjiucWyC2\n7O5lKnnROkbtRKVXzAd2mif4PjJxWmPf/8L5lndEFVTvvNo1DuKHmEpvk3j0\n7G/m2DWlr4X5s2GHhKj1Al7chFRXvJ3gNZVSDrAQBLdj24iGYTLdBnGrb4po\nCPp1SXQIdGXVDYl9mvZkescZ21b6JMtL6aaJe+Z4K9GLQKXJFeuGGC7FdH2+\n+ZlH\r\n=nHcG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAWw4qWrAApTkSUfaQ2Gf3mysPJyrCiEFmWicjwF1AoZAiEAnSBTC96r+5N0JAmCXwYBPqwrUTC02cX43OrwfW7nK+g="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0-8_1607389521691_0.6051419127875908"},"_hasShrinkwrap":false},"2.0.0":{"name":"vue-tailwind","version":"2.0.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","gitHead":"f1cce93e1af126fb16ed0b4b85565d4ba68af733","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.0","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-ytnyQ4gxwOTaUNhXtWf74YKrTPyNfaWQX585zZ2tm96HKlC51WjvG+BFGopSUZk9+b6OpWe2k1wWEJcSKmuOHQ==","shasum":"77b45e07d953e594b1d71f0b17e8d00143ee0dce","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.0.tgz","fileCount":338,"unpackedSize":2640188,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJf0WttCRA9TVsSAnZWagAAK9AQAJP7oyAr3va2Ap0SFD9U\nDZZKsEqDn6ickv/fqmSlC+dmx5FPRspp8bXD5HrYLmOWnh0rp3mP5daLiSq1\nbRUbWktQEsZd02T9DPzKEk6L06uttvA4uTf6lO0B7MeTHFzO94iJK8ca0ec2\nIfvYRRK4FuH0FWSBOzQhuEJ44lE9tNOTWfKur69STypMYERxlX+YqEAzhnGS\nevsj7D9Xl+FQkpx1SgYeVH5qK5B3OJ6Sve8lkmlXOAmWqf92vTa0Sess8FPl\n/FBCIToTTe7R2xoPz062NLv6BgO5JuiAfgjE/fYiSeYgxFiuDnkXrSzS2Naj\n/Vd7mQh7SqJngeAQSPjlLPAxGM0z+lO6qaxgKgbbYAlygXLTi46vsMANmSuQ\n3B1zLl6/BAwhVL+g3O4LAnRyOYcGyQYJLQqQsFEU+sl2IK9sqLc0O7CRTMdr\n4ESX3z5YtR6qaFq6sjHWxsjiaZAzgNVXJmu4OzDCWIAIA10+tvRJik5Zev+d\nBqa/GXr+/kK/cZ4G8F+IMllMXee0vegMXL9P2guIUpW6JBtmkxZiL2mKX1G2\nZMQ230aBuBWcNp47+1DG1/1bDjJZ7IKSbypwYUV1FIqSXD7rHV8kQhDKAbT8\n/RCwFmyyPLDh6gUXg8QoSOhIxZsCKFhbb9pqbK65KzuqwbSaSh1SZFsnsICi\nYPud\r\n=LtzM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDlW7fEOe6ixsJcvkILh0tdVIiu5ZXI34ciGz+iQzBfUAiEAn+rkuKRNjKcXCALTFOzDQSDhctFDDyFs/6qIVtgTUe8="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.0_1607560044369_0.39569512664514717"},"_hasShrinkwrap":false},"2.0.1":{"name":"vue-tailwind","version":"2.0.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"9950987db8047c5ed8683bfba9b8280125230b46","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.1","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-4qYb9dnBTVvCOirqQro5x+O9wfTk+EpZfZzVICQBurtQtmlzwmOUc3UKXEwX6lUgat/7+prIjD/BCVplNw7m+w==","shasum":"96a314bd38efc502f83eb994385d203c95eb3644","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.1.tgz","fileCount":338,"unpackedSize":2647151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCLbACRA9TVsSAnZWagAAFEgQAJR6i6X/YFLO6HIAbvEL\nCA6KoJ+TnqWCaS76Ist5EzCCjoe9VqJGNhqDRYB3FcXlKOHq1Psf47mzJEv4\ns2lQZA2kk8Kks+jzquPguWRZJP++l8RUZOEBye+f62L5iZPnT+NZtZLhBlRY\n80uIiuiXP6iqlGPeZhh1eir9DPY1q/DuDb5JpzlmltPXzed6T2kbD8xEwi9Q\nOS6z7oxxkyhtUod3d/r3u0+FnkABM8w+0OCXMoy6XR1cIzs1zY2dZ4GJz7/m\n6kjeOE9Y9om5nfQ9Ydmx1wMjk/pWQD0W/Baapx5hP4405mJpa7YyOAG5rKaQ\niFVeUWpzUf/e5AEpfJLn3xvsIhKm/bEyJ+ZmTB3Zmy9BuMw74QO54rAnjYcQ\n7uIv0MmDDY9/97j4mWytlpDHa9SM5qw9TVdL2ii6hMjbMcrfRBAMiIquPGfm\nonV0+mg6rxbDZZeuv10TyVf/b5+3Azv4jaN2ouFVb+lFSpNSm9hufV0gXQtn\nUu7ltbgJwAIBSniaiheDi00HbXIpqUhCh0LB/MsrtcNvJKEVPw6p1hZE6r1K\npZBsG9KtzXJ3XLIicLNygYVck25//Rtyz1uPBGgouEK7S8BQpjwsu7zJk0vd\nxAuB5ojt3o0RIhMu/AHn16ZEYxmsdBL8UXeL30KN5TJDwkOBs+qNl3mVIFYl\nJ/md\r\n=tLRt\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmQtBAMM3KMCQvTQxHq/Oyimh0v6eZ38h9P7sW7q00oAIgQGtWIo6Y61SE/YJVM8XAx/0vuPvgGw20Y849rIhpueA="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.1_1611183807596_0.07370293373370429"},"_hasShrinkwrap":false},"2.0.2":{"name":"vue-tailwind","version":"2.0.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"a53d159f738e274efc196cb87dfadb32f6e488ac","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.0.2","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-LtEZ+1bnHgZ/DNfB94xgb7ETtgSjpDv3Cy8Ur/PTh5MvX8asGX8muB+DGDeBB7a92kfwsdVxi5oc4m07eNMejg==","shasum":"42949bd4e3120d835fb30c5cb71db0429cc13b2c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.0.2.tgz","fileCount":338,"unpackedSize":2647867,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgCzqrCRA9TVsSAnZWagAAjB4P+waP5PdW0+aQv7yNfeLd\nnrd2/0H/cduNGAUSVl/3MfJRXQlzCAuWvZQRYQNOlN1GM2wpU+qg57wHlhnz\nhOsmgHOzgdK3rPiVVih+p3tZ5rJ4PtPnNCjID7E2FBx/62wocj3v+ptZz0KX\nh5oojIpEN+bVSorwmwk9VpMIk1AKHnSZzMPay+2Tm9k3M42IECwC06CCLm/g\nPbBuIKmGZ5ZULgm4D761dyNIWGcefEmEeio7tErPj787bRtTKjWubCs3QuHS\nQVEAawTui2+GBlGwQj6zbWFt2lKx0bbqv5kz2KEKqmMMUYH8J0025wSsvsoL\nI+oSNF/EP2PML31VLNA0FJHly9kFWArOuoSHNaU9jLoDAqRCuk9bqTA9GxSm\nm698is54r4kwa2ZiEyJEwKZMOB67PvuC2CCfYhKD51z//CM3DxSpTvn44hQE\n9RuOkDk3nOn//1kjJpRJUAl7cQS8hzO63oQWmyxWa+vfLemHMG7hzpMfJNhg\nejGpiIZpqw0GcQuaSBJbg2Zcm78+lP13HdNx8HS/hU2a2uAcgnnA0eo1+Old\nJSXno2Wr3kXqfw1ETd13qgHm3aaAmTWDX/vwVC2jpzSIDejLBeBzfz28hb6g\nT9TfTjmU65rxDVBhLGOPhehbetor91k/HeZO8HV87wefMVoHU/8bi2sG5kix\nRq2c\r\n=S/9J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHHxZ1iBAs7z5S4dUo0ra9L4JeYDs1+pV4jFnkQdb6YqAiEAxeBdFlvEDQfMAk1i7609kl9OJldcZ1CxDxzGQly34QY="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.0.2_1611348651121_0.7073621802521906"},"_hasShrinkwrap":false},"2.1.0":{"name":"vue-tailwind","version":"2.1.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"a8d414d073fd05d82841b296990af74bd3377a0f","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.0","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-V2WI4lV1D5khhLl/JWzU+dkC6h+DbuDBFNlrbmYViTaDbX6g3P8MF3Azhgqqii5XNFSBuTUcFhg7lJJkGCGssg==","shasum":"574fe91ee77de69ef4489bbd59423d753fed25de","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.0.tgz","fileCount":338,"unpackedSize":2707269,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgC2jiCRA9TVsSAnZWagAAa/kP/RAEAwSu8sejas+50wBE\n4wETT3dODLoG72VsDVPNMjMc9eev2TyLxmHqAYui6z+y7kaUbu9OU4FsIMLl\nbI5HosqwTbeh8XfRa9u3bTHE6YexGSYRWh5Hep8QkT20kJymKDuBS4IRnHQk\nUZ2mEwwaCmeSfo+iNXthQpsbOKVowNMPzr+7xXUYOsEiqVErxiQUrDpbxhY5\nyDjwWEO7vXFVCu/ayj22NgZU7jGxRU16s0bh3AjuT5ofU+uG0XbGkBlWi3tM\nJkiQ/lQC2J8i2AUCkm/qhPVmd/srPJYSy2HWjQ8GL9iCfl2F1q54vv6eOcT4\nCdnrBjiGfY1gYCTPKbEyKllKScdw8a5A8bziaM+qSFGqHvmPB7tjyTaCLHb+\nKqKYea3Hl2cq9eVeBc9cGNeYVS/WjverqRx9R4iTrLacRmFB8V7Bqxa8URwR\njeD9KS9t00GmgboIgc8zqiK2tObpBmkfMtrd0Vkry2BZmih3GGiYichIODU7\nzE413Xx8zrp+5sqQQJNAJSQNHgosfq9MyAL3/jJIL7Pwkr+pEcER1PwMmxcL\nSGAgj84QKE2BBtS2VUXNHzzDJ3C3Qc7RmpxkonmhKgFewq8W+3qIneNZBm93\nEZDLhQR/Z2Yjbgiv9z01uPEDZqWEQFRKoC6IGe8M4vHiLQTjWKYxGB7GBgzq\nzEQ3\r\n=NBYB\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxG8BNEVt1yZyOheKx0FFUPE2nGgtdkCPWyA4gdarjmQIgFX8cpQTpBsEyd8RkIpspVHYRICKWDrofDcxUqyMYIhc="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.0_1611360481820_0.45168965579363873"},"_hasShrinkwrap":false},"2.1.1":{"name":"vue-tailwind","version":"2.1.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"e6cbfd00abb9d813fa34c65dcb037caf49271aba","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.1","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-pnDqrp+lDD4KPUlMpMFh/LINqDn5ruIEFC7jgbtHB7ZEmxELTz0eUWhDsxaBqTzbsawexzGFTthTMLvYT0eFvQ==","shasum":"16a0aa9c0753f276b201088c1af2121ce83e170c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.1.tgz","fileCount":338,"unpackedSize":2707471,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgDuP3CRA9TVsSAnZWagAAH6sP/3C7UJOyKK498l0l9wiB\nI3v9k/O+tZsxh3gCmxuHlBntYZiSP21RWHXz6rYwvevkIV9IBhy3T91BuCCP\nqwfVD63qecRzUfnDv7HB7u+0omj+d5ArJQDpqgIDCpKNcBf9UQEfWE6uZHXf\nbwA3BRcuFh1NUbfyH6PXytEnFojTn2A+grbe9GT6kvsVFDfu+Rrj6otUyEzD\n72q7IGmevzVyBmrTWVpajK49JgUKjvqYfuz8sF70CuvjSGxmNro/PK6Y/GTF\nHKMxCiwKiHrlwY4rUOsC+ZyD7YcH8dOBoubPvya5zRhluOXgfHbx7Mj2QJ9j\ngrcLwhxX56TC+f+3/INLF1cliohwLqkMTr0zF3L/dwz/MMGfa0CL0iH9i2QY\nBESYo/YOYx3rjtHwTZQvqGNzDbL0QkT/LvYc48Me8UdmKBVZAYj4KJWeCssT\nD5WiaUH4AQ8ksg4tqK42H/kWlInWR/2nRZC0jiLNXc6nHMxcHbAZ6h0zhtLs\nc/uQIrP7D7VcwK/o9Rq5pMnWpzhI56Ji6KmxSzV7FLCCQxDLfSktoabjW/RY\n+LMehv/tL8VQ9nyk+20VD0xfU5gt1gLBrkkPgxX+xY6jxMAX3aZEtg9eskB8\nZubkqWBa7NuSaDMsX89Kh77s7zGEC+wwnDPFxKdwHD6+hxNc6kaJy41jdcfJ\nldzh\r\n=1HH3\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZ3cxiKAFZNImW2NJFU1xlgLUyFjVy3CMkGCB5IodjaAiEAtZzkU8gVy2dIqBsZOQG9K6dcq0b4dS8fsLw6tQ9jiQM="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.1_1611588598645_0.6731062098658596"},"_hasShrinkwrap":false},"2.1.2":{"name":"vue-tailwind","version":"2.1.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"abe5e240e8473bcfffbf7d5d4676611a80181c1c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.2","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-Q1zLhckZ9xtofkPaB3BtffFzx7uqg9ZvQzPrdv2Q0P7jirjS00sZMrECr9STXvNE2vP0KYY00QNUvWxTjh+BoQ==","shasum":"572a890d8753a3a7ee952b2dd781daa4b43e7952","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.2.tgz","fileCount":338,"unpackedSize":2711843,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgMEbWCRA9TVsSAnZWagAAF4QP+wVq5Zw+SE3UT0aAJhZV\nlVpqXb+/S1FwUd5KmcTqsDjAldqkwnkQz228AXOa3jeRM8Zx5syB+VRSvrX2\ndA53eyGZi31s0vxPoq8aOMT6T+yORJ0+X0E8jipiLuEa/bGEKNRvHhop7Tie\nYrTCWfMl7jt4q08FhghnOpQDYacMhuzd9LD/Xhp4FPxuUmEDb+PCPt3+qBE8\nOg/AmszEUuedzcNDMhfShVsSnJ6CmD1wL0/K2gz6fh4Xyskg7qSu0WgH3+ch\njdBpuQlQ1rs4+D8dSKHlSdQX9yYyhFRWqsZYQejdwClVsdDL2XZF17SGVoOi\nWBGMx4wbpcoSl0jOKWnVtjO6LGoOUEil6dmZ2wPFrAqwOtIdFo2/Gz+PKv/U\ngcDmwoT5Vs5HQxiZa0F7XKILB1uYSk8lWttnG5NZYqSPSg1S1husuHu4fqPa\nakB+J8uGAzS07xpOawxsT1CnXXNI5/RxdvIitXn5GEXsq0KFpDVXb6NM1+wY\nYPWSFW9TYIUmpF5GAfNIMSQ2ImTYWfKmIrhTe/EsxHgTmzee5i9jyFJNP6mC\nHMS0QgB9JvdxO1HjLLhh92l6nUvRM7A3ilMb/E1aef8U5+r/ShQXWgpHBHLu\njXn4f9ZZ5k9kwTG/SRSvtx2nYiDWXKy5KdC8lExG4C8oXS/8+6cSOwxZt88V\nZla3\r\n=FTad\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDhU/ckvd7Ilt7UO0oBegu7af2E1Hf0J4PIWNMih6C3mAIhAJgK3ASzZbZHAM6RVlX8BIqoWG+G1wHDiMn8Jfdp7auP"}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.2_1613776598033_0.815822902687853"},"_hasShrinkwrap":false},"2.1.3":{"name":"vue-tailwind","version":"2.1.3","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"97eec112b2819efffa1d5f99f9407a9fab7db646","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.3","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-8HMOjx542DR/i7DRtBZ1A7zkEfMXUJVZH/HsBngmsJA84PSPMroLDPh12RdWXCXt1EaOxW29tXh4Hdqh7QeWVw==","shasum":"7264ffb292a38431b71834e78ac149095754d6e8","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.3.tgz","fileCount":338,"unpackedSize":2711705,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgM8alCRA9TVsSAnZWagAAvEAP/2yt7Sy9rewkn0nzGjnU\nUMC+cnFnPjXYERbopLRPr/o0mWs/IrmOpLxVf7IXN1OfX9KJRp5C9/3XfvMv\nVrfQM7Lw/WIIYJg3SRN2DjqeUW7uMpSWTUGhprvFUAV818rANcAjo3pvtpoM\n9/MOT+t00a6VALh52M1O6FY56uhY/kXYZJhi7gdrobuI7/Co6DCs5E9Q+s3B\nnxMRSuW9zvWTLsZPsRjXvULDnNqETYxYJusn4iHapn1mOrwne71MuiANW44r\n5byqm9Sufy1K79oH7NGvK3HzewDAWNwZiYWQKCEBrvtT2n+KcN1wfRJ+BN1U\nGOLf5/ZV80N3WXxu4DfSqLqJEdxmx5VhxMrY8gVEkSTkXlbTjeAhY+CDVMh6\nyVZO4adqdA3wcsBinPaVPSoWpZeNORKM81BKqk3fU2oBOHW59e9pMsay3vnF\nnqUuT2iLDA+0bZh6gS17DZX3EIrTPYDU9tl/Y3UJZ5AiVkP7Zr3jmVhpXbuh\nzN4za3aFrTikBzVa5QntKMn047ne4aBEgpsETaIL6P23bBTa5BKTbgV8le6m\nnPDSWq78Z9oBqMI84FW4WYe8cy80z3jU3Dbqd6I361+USz3h9PCja/76+1Ed\n+ijLNfjQtjce6lOd3QBhg+yW92cf4V51HAubY1X3WVsUbBwZ59DAAcby9BBW\n7qX6\r\n=7m9F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDw31MDySztGiAGYoHlPA3olRcWg4eJJ8ZhnBhmWnLnRwIgAqzDqCnPI0cpk5GoeQD3FKBv6L+Lmw5IL3+5OTrcV14="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.3_1614005925177_0.8255124205679512"},"_hasShrinkwrap":false},"2.1.4":{"name":"vue-tailwind","version":"2.1.4","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"5121e11d2557fc8135df6b558a52ce7e40ab0b62","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.4","_nodeVersion":"14.13.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-7HfbVJZgW5v7pocxyv9AuQ8a+b89H3ubvYttsqSR4QdNPK3xVFfYt/7NM3wrd3XxJtCq21QGjn8eHDDi1hl+yw==","shasum":"30ef4abff1e573b38d938444b2e06f06436049aa","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.4.tgz","fileCount":338,"unpackedSize":2713405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgUThCCRA9TVsSAnZWagAA688QAJwnXDs3MNt+jzVn+Zv5\nK+UfUTuEMB0Kkq+qV2HUPrK1GZ1usJj2w6sFCc6FPHYdmkKf73mxy70McSXd\nRZ6My3Ydt8fbd36gykk5172LK54KY0p3mVkgH+H40LiIWewNLUMiGx5C1FRd\npVPp1qzJIAQuTbRV6kotOz4S4ocN631U5y3M+tHq6ER/rU9aYAVIi751o/5r\nhrgJ69kveT49vFEECIXlEqsVdLM/4MQbva5PiYK3rTkDBqV0lqemMKzMqwxx\n+8qG/GB0N4xW4z5Xq5AgxEoxtZhpyoq9E3YLY1GTlKA43AygYMlJEBK910Hw\n+xxDGGjgxfTCa8pHDeaYy9SdptzhvuV6kj9fZjji3RTXM2DAtY14vrsqr2pe\n3kpDS14ToNo25S3DW5roRoi6kf/Z/rO9FqVT+tOg+A0UlauzcmR6tFUpnFkS\nQpCDa0FTFiUcFPmhyeGXRwzxlXreeKJbSIIEA9uUZMcegbsdJEZHV+Zx22Hy\n/t5UAlwkGsU/mzof8Ho6+ola/gf6mshCdxHZT7CwfA7/PGs94JqNn5ArsTHV\npiHLI3uhv1km34Q3Q4rjAFu7NhIZlszFTDU2A1wCpBXahZcrIOx3orXTRo86\n9fFBdy5S1PdZw42O/MkOytvWmvW7N2DqMK9NdHXYBdwbacB7+omNp3NlAP9G\nYPZG\r\n=Ur90\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCv2vK6JJMQiOMbY9uUE89D3iEawzA3sefewI1nlKPqQIgUAgEYl3OpCZfiuPr8ycfI297PF6uFt6Gvpa5sZCmeDY="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.4_1615935554007_0.1073281310899592"},"_hasShrinkwrap":false},"2.1.5":{"name":"vue-tailwind","version":"2.1.5","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"3a980927697fcd0cafa45d1e038f32fca6810fae","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.5","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-RP0xk6cMfyk12UX3u1sm07HQIgttIdzXgOhVfM5FSs5HQJgZCGqBBj8T6nPJ8Plxj9R7/KkqUxQPpu7LMJfYsA==","shasum":"48a7228788505ae57272593fecc95b844c0fd883","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.5.tgz","fileCount":338,"unpackedSize":2713526,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW8TOCRA9TVsSAnZWagAA1FgP+wbcYWsDEBJ8AxS/nea7\n1/VxeiIF6B0aqKJ4guYgfahZxS7tJpHli/tG6LQJ1uvd1feBV5iQmSJk9OgI\npUb3Gsd5ic4Muojf8How2QaCsT+PZ5fFHNeBsFinuUEyKCr7XdfKwL3WFWHH\nSaid2214kRvTc/sFV5OQdZ8PcSH9jTlomnFVIeuNCRqaQtXLTAgrPtut0UTP\nJHgUjAH4ak1p4lWTctWJOuH6lZ1ulbsizA6QEVELjuNFsTalaSgdMB7pWOsK\nEOavMkj9vuhKRlwLkZVJcmsDIfP/er3iwnPob8hPcJA4x/L2y+i0vN8z4Rer\nq52wJ35eeU9MX3ba+6MQI4GrSekdio8f1EEd93JsVA4qLDtPOlYVT+tWLqyA\n718rE67X8HuhDh3Q6RUvTNib7a3VXAtY89lYPF/GaPR2elVc8lBy2/LQItvD\nPR6jDmD9zpFUztZ+uLtzzMr3zSOKXdjntrHUlzR6OjJsgMZk09aZNENycBGp\nral8h1PzAYjvvlfbABrPWE37qoi4JtRq5BBx+4X2cJ6RBCoiR4FJZA8JQLxd\n2DXX+GZjBEobVkKmlsinoupm7/LAdvimgTOwrBJTiXkwYrxdgVV9jFh5Q6ij\n6gRjUZYYJPs3268egLVomRcP8j5vpGicRMzgD7LblqWSrA2ABezMpXqxmGsQ\nU4qu\r\n=H7xq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/la2/X3MvLwo0mD7DCFEdpuVnHMH/2kOXbjJoFCbdSQIgIuAKfWkVS835JBEFnbk5coG9LPrqkl7VNspszR+WQvU="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.5_1616626894033_0.885965185022461"},"_hasShrinkwrap":false},"2.1.6":{"name":"vue-tailwind","version":"2.1.6","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"555325658947b4bcad7a26dda561ad36f5f3520c","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.6","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-AdO/NOrNVmNSRTn3MyQQGqQ8BI1nOgSJfff9NLmvrchBHvoBEgrssdgJQkLnYgW7p9gJZx+FOLYH58BBcQS5dg==","shasum":"343d50591fbb32c5bb96f36979403e4f8ef041c3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.6.tgz","fileCount":338,"unpackedSize":2713496,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgW8vzCRA9TVsSAnZWagAA5V4P/RyNPvIBkoknQc6ZZQnD\nZ3SAA+F2NCyph6/eweyo/dzJidnZOa8ZDYkhiZCfoGrDO5X7dHEyduhY/k3V\nGUg7XTnWQ0Z80W3WQRJlG6kDbbA6Z4p2kXAk57sAWDgqc+mrTsSyZDeXEztH\nc4QtILmVWOYLYxfKtnGi3db4LWJSZQ8IDZ2BDpev2vySx3azyzqEt2wwblWT\nzQ9djIVlUsUXkEamUwFFI3M47U5Now1jQsK2qn5VmdOmAz4tXSjzQAqndtrw\nnUg6bUA5DlATxfRjcDFq2AJ1xOwHm9IvoI5RrVAntzRroCTBTxECazhtmDWG\nXZxcsRh1v01CVHnMMPK5d2BQFOZwJF1bZpFDN5kN5WG5qyTvLyMuVps9DZSC\nEzd4h4rEseU7NpPCCqeU1SzEjh73JYdgJCMwzdWffQVm8JSV2dWTYTrxSA2u\ne+og+mk1JyA0m2NBPcbVtK67vAnSs9VWSh9o+fk2AoFCyzdPKGkfTZ3LxK8y\nYIAuIHpwLMuwq38ww2l/2MMwIFWkENpobBd3A9awfunaDJ/BpUM745eveemA\nLb1F8cVnQ6jKO17PO1xo0cqSRxgl3HM7tAntokxHi1utdMZ+mIGn5drmwt3N\n+vTrB1oZzpgDfMi4mwur3R4Xbh20R0YIHOjXSMXNKSdEnT5ilC+CQop9s5ZJ\nj32x\r\n=UOWm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD/16z6uLQRfsRec1/B3DIIuViebkdYUVJhpsd7x2DhkwIgSwxhG0JlBnuhbjMK0fpLrYb3NcaG1HKgwJ4acuyWbEI="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.6_1616628722572_0.9321129257702827"},"_hasShrinkwrap":false},"2.1.7":{"name":"vue-tailwind","version":"2.1.7","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"ebf41c2c3bcc69005bae8723149459055d1c36ee","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.1.7","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-KqXU4M4iEbaARfJr9hQfeYOxocmberfVRKCKeqDlkHL+1c3BTQgCSYRBjNtEaEGAan4QrOzcsUKmDiGv4kxJFg==","shasum":"ed9f17d927a3af93b296ae506ce8574b9ad67a38","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.1.7.tgz","fileCount":338,"unpackedSize":2713336,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgXohvCRA9TVsSAnZWagAAt0EQAJWsyf8ihS9O/ubCnNPi\nNacscss2otGFkB3FjG8XXBnK7yLVhks1220vcz/8c2cEczYlephWQKjLPzTG\ndlPd5ZvGJ7sc48xHdK+kRidFQWVqePD2XRdIBkjjlTtqaI0tPnLZHd/+rvx8\n/EMwuXRhxt2+PZG83TUTuyAaVXQl+huUtQXyO2+a4eU1p/n876sxJDWtjftj\n+ZnYoblniuIh8ZnVRffggugRBK7uJqXru+7LaKsu0CcwrdD+Kf1G0E8h0GmL\nKUed/GyJQBrcuAW/bBxHFsJfu/l0ycw+V5GgZd3KfR6j8ckZk/St8+Z62f3a\nvYcqPfEe/rXL7k0YVUrRcUteOeOpcHftnBMsOd+dADfAsvrZGfltBHnGeKpA\nLOJpZA0muE3hhLRJouiLDmlT21RhUnNASl9AEH+eHgxAWLPrGXrkLH6hDyAa\ntovdNHnCKfYD8w+7UbRw9us5VRv4ps6EY6GYukrwlmpBhgU29TYLt64Y6q5S\nMgA2D3po7ePvHgWF4czsG6Qrlhpxrm5Pc21N7DpzyCwNe8BcNIh8iy7VND/B\nb2fD2VhhBA5D2a8xic9OtWQ8IPjOIQGfQGBUNGtJlmmzNjje3nr38ENVE8mm\nLOGl5mhsuKtsZT8rPis9CbOPmRJ57Wog2uZRcCn4OGKlIOgblOaCli7nivn/\nFMeq\r\n=pc5g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAkD/pumhLLHvUEM/P+F4erm5gONYjoC1yX04JHJCByUAiBpOvABBcEFwEMccJNJ4rn6Q+CEuZOdAHkE2oUmIk8rvQ=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.1.7_1616808047283_0.2630555878462537"},"_hasShrinkwrap":false},"2.2.0-0":{"name":"vue-tailwind","version":"2.2.0-0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"readme":"# Vue-Tailwind \n\n\n\nFor more info, check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/).\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to your application's unique design.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries.\n\nThose libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right?\n\n### Best of both worlds\n\nThe **VueTailwind** components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your personal set of components for your particular needs.\n\nAll that means that with this library, you will be able to:\n\n- Define your components look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n## 2. Install TailwindCSS (Optional)\n\nThis library uses TailwindCSS classes by default. Still, it should work with any CSS framework since all the CSS classes are configurable.\n\nTo install TailwindCSS follow his official documentation: [https://tailwindcss.com/docs/installation](https://tailwindcss.com/docs/installation)\n\n#### 2.1 Add the @tailwindcss/forms plugin\n\nThe default theme of this library depends on the `@tailwindcss/forms` plugin. To use it, follow the steps on the plugin source page.\n[https://github.com/tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms)\n\n#### 2.1 Add variants for disabled pseudo-class\n\nAlso needed for the default theme and strongly recommended since it adds the ability to use some classes like `disabled:opacity-50 disabled:cursor-not-allowed` to disabled inputs.\n\nSee [https://tailwindcss.com/docs/configuring-variants](https://tailwindcss.com/docs/configuring-variants) on the TailwindCSS docs for more info.\n\nAs a reference, your `tailwind.config.js` may look like this:\n\n```js\nmodule.exports = {\n variants: {\n extend: {\n opacity: ['disabled'],\n cursor: ['disabled'],\n },\n },\n plugins: [\n require('@tailwindcss/forms'),\n ],\n};\n```\n\n## 3. Configure Vue to use vue-tailwind\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n // ...You need to add the components you need here (explained above)\n}\n\nVue.use(VueTailwind, components)\n```\n\n### 3.1 Import and install the components\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport {\n TInput,\n TTextarea,\n TSelect,\n TRadio,\n TCheckbox,\n TButton,\n TInputGroup,\n TCard,\n TAlert,\n TModal,\n TDropdown,\n TRichSelect,\n TPagination,\n TTag,\n TRadioGroup,\n TCheckboxGroup,\n TTable,\n TDatepicker,\n TToggle,\n TDialog,\n} from 'vue-tailwind/dist/components';\n\nconst settings = {\n // Use the following syntax\n // {component-name}: {\n // component: {importedComponentObject},\n // props: {\n // {propToOverride}: {newDefaultValue}\n // {propToOverride2}: {newDefaultValue2}\n // }\n // }\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-textarea': {\n component: TTextarea,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.2 Alternatively, you can use the v1.0 syntax\n\n```js\nimport Vue from 'vue'\n// Notice that I am using a different path here:\nimport VueTailwind from 'vue-tailwind/dist/full'\n\nconst settings = {\n TInput: {\n classes: 'border-2 block w-full rounded text-gray-800',\n // ...More settings\n },\n TButton: {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n // ...More settings\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.3 Or install only the components you need\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'block px-4 py-2 text-white transition duration-100 ease-in-out bg-blue-500 border border-transparent rounded shadow-sm hover:bg-blue-600 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n> *Note*: Using the syntax from point **3.3** is the best way to prevent a big bundle size but only if you import a couple of components. If the number of components you install increases, the recommended way to install them is to use the syntax from the points **3.1** or **3.2** to help the library reuse some code and keep the bundle size at a minimum.\n\n\n[Read more →](https://www.vue-tailwind.com/docs/installation)\n\n## Theming\n\nTo apply a custom theme you should play with the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is applied.\n\n#### Example for a single-tag component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when ``)\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when ``)\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Example for a complex component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` class since we only\n // need to write the classes we want to override\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/theming)\n\n## Override settings\n\nAll the components on this library have default settings added as component props according to how we understand those settings are most commonly used.\n\nI am aware that in many cases is useful to change the default value, so you don't need to add the prop over and over when needed.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TDatepicker from 'vue-tailwind/dist/t-datepicker'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\n// Locale to eventually replace the default Datepicker locale\nimport Spanish from 'vue-tailwind/dist/l10n/es'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally it defaults to `undefined` that means is considered a submit\n // button if the button is inside a form.\n type: 'button',\n }\n },\n 't-datepicker': {\n component: TDatepicker,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally a locale object with English values\n locale: Spanish,\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally `true`\n escToClose: false,\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nYou can also use this feature to create different versions of the same component.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TTag from 'vue-tailwind/dist/t-tag'\n\nconst settings = {\n // What about one for normal button and a `` for a submit button\n 't-button': {\n component: TButton,\n props: {\n type: 'button',\n }\n },\n 't-submit': {\n component: TButton,\n props: {\n type: 'submit',\n }\n },\n // I love this use case for the TTag component and will let you guess what\n // is doing: 👇\n 'blog-title': { // Used like Title of a blog post\n component: TTag,\n props: {\n tag: 'h1',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 'blog-subtitle': { // Used like subtitle of a blog post\n component: TTag,\n props: {\n tag: 'h2',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 't-link': { // Used like Open site\n component: TTag,\n props: {\n tag: 'a',\n classes: 'text-blue-500 underline hover:text-blue-600',\n }\n }\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/settings)\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/workflow)\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n- New default theme\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n","readmeFilename":"README.md","gitHead":"7e166a6e56466777795edff5e511c4c0ec281bc2","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.2.0-0","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-Gc2lsgT6RxstCSE2vGaIpGUQyO7eu2Hmlib/OkV9DXW0rqDNXjIcL8qaYY8r3IApdeV1x4UqMARunAkXC7rsXg==","shasum":"4315e698fdf42bf74a2499e5530554165a4eab53","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.2.0-0.tgz","fileCount":340,"unpackedSize":2874937,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcO4uCRA9TVsSAnZWagAAWOUP/iqdno+SjLiORru71oKl\nDe9DU428w1mqGhTX0DMJ3QjQLvM0z4CGsPhkY5hfCP3y8ewLxpi23mm35JQ7\nOPmXd8GqlvkHZvCdvgHd0UmyrSVdw5R9pqwJa9U7wkLBSnVjgPHsaY1t8EmB\nsrlng8jeKbdZk07geSj27a4MiraiXJAsLJ1zz0716MWpmcuVu16gidRgS8mq\nJf5EI0zrfLUjFtl/KvVqzH+s3bhcWJfujbIYxFgg1yigcFYWAVivuBfAibBF\nQdtgE4oztWIg6pZm1JWb9BYncADNayw83KtfEPRMGGyhthzOnw2m+1iCgz71\nPaz/Whf5LQPEYCgJxY5wxat0za9s8IvZaUKflBWlHqxkXAy7V9DYyC+ND506\n0olp7WUWi346W2UNVFMkNDHJFs923qq8FcxbGUzvIkSR5k3M/3V53uo2tGIX\n7R2dGKmMP4MIdeNjRAjSej99VO8JivJj85ay+luOT0/SLHotRa6HWQWhMZl+\nMkrbwsWQ1mTRIx+VExS5PH1IHWSCwMIUBvLgSRtq/c2+dazOELgM+qmDkzYq\nLIP9xQVQvaPc66L1mB2hdOvCj3cP9fZYHyC9LSDHYPSx+XaYd1f/osI5HqiH\nHhQojX0WkWGgXTFWHe+IPwDwqOTSbnJ4RcUy+Xi+lDohXc/ZOXb0hgIdE8cb\n9EbC\r\n=Kpyh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICpFRTn202c6SvS6mjmspQ3iA6cvUhkaw8ufUuzD9lEUAiBcel3ariDhY6SzS0nz67Lq2U5woKAnl45SI/UJ6jwltQ=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.2.0-0_1618013741851_0.6775143680012954"},"_hasShrinkwrap":false},"2.2.0-1":{"name":"vue-tailwind","version":"2.2.0-1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"readme":"# Vue-Tailwind \n\n\n\nFor more info, check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/).\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to your application's unique design.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries.\n\nThose libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right?\n\n### Best of both worlds\n\nThe **VueTailwind** components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your personal set of components for your particular needs.\n\nAll that means that with this library, you will be able to:\n\n- Define your components look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n## 2. Install TailwindCSS (Optional)\n\nThis library uses TailwindCSS classes by default. Still, it should work with any CSS framework since all the CSS classes are configurable.\n\nTo install TailwindCSS follow his official documentation: [https://tailwindcss.com/docs/installation](https://tailwindcss.com/docs/installation)\n\n#### 2.1 Add the @tailwindcss/forms plugin\n\nThe default theme of this library depends on the `@tailwindcss/forms` plugin. To use it, follow the steps on the plugin source page.\n[https://github.com/tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms)\n\n#### 2.1 Add variants for disabled pseudo-class\n\nAlso needed for the default theme and strongly recommended since it adds the ability to use some classes like `disabled:opacity-50 disabled:cursor-not-allowed` to disabled inputs.\n\nSee [https://tailwindcss.com/docs/configuring-variants](https://tailwindcss.com/docs/configuring-variants) on the TailwindCSS docs for more info.\n\nAs a reference, your `tailwind.config.js` may look like this:\n\n```js\nmodule.exports = {\n variants: {\n extend: {\n opacity: ['disabled'],\n cursor: ['disabled'],\n },\n },\n plugins: [\n require('@tailwindcss/forms'),\n ],\n};\n```\n\n## 3. Configure Vue to use vue-tailwind\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n // ...You need to add the components you need here (explained above)\n}\n\nVue.use(VueTailwind, components)\n```\n\n### 3.1 Import and install the components\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport {\n TInput,\n TTextarea,\n TSelect,\n TRadio,\n TCheckbox,\n TButton,\n TInputGroup,\n TCard,\n TAlert,\n TModal,\n TDropdown,\n TRichSelect,\n TPagination,\n TTag,\n TRadioGroup,\n TCheckboxGroup,\n TTable,\n TDatepicker,\n TToggle,\n TDialog,\n} from 'vue-tailwind/dist/components';\n\nconst settings = {\n // Use the following syntax\n // {component-name}: {\n // component: {importedComponentObject},\n // props: {\n // {propToOverride}: {newDefaultValue}\n // {propToOverride2}: {newDefaultValue2}\n // }\n // }\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-textarea': {\n component: TTextarea,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.2 Alternatively, you can use the v1.0 syntax\n\n```js\nimport Vue from 'vue'\n// Notice that I am using a different path here:\nimport VueTailwind from 'vue-tailwind/dist/full'\n\nconst settings = {\n TInput: {\n classes: 'border-2 block w-full rounded text-gray-800',\n // ...More settings\n },\n TButton: {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n // ...More settings\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.3 Or install only the components you need\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'block px-4 py-2 text-white transition duration-100 ease-in-out bg-blue-500 border border-transparent rounded shadow-sm hover:bg-blue-600 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n> *Note*: Using the syntax from point **3.3** is the best way to prevent a big bundle size but only if you import a couple of components. If the number of components you install increases, the recommended way to install them is to use the syntax from the points **3.1** or **3.2** to help the library reuse some code and keep the bundle size at a minimum.\n\n\n[Read more →](https://www.vue-tailwind.com/docs/installation)\n\n## Theming\n\nTo apply a custom theme you should play with the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is applied.\n\n#### Example for a single-tag component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when ``)\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when ``)\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Example for a complex component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` class since we only\n // need to write the classes we want to override\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/theming)\n\n## Override settings\n\nAll the components on this library have default settings added as component props according to how we understand those settings are most commonly used.\n\nI am aware that in many cases is useful to change the default value, so you don't need to add the prop over and over when needed.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TDatepicker from 'vue-tailwind/dist/t-datepicker'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\n// Locale to eventually replace the default Datepicker locale\nimport Spanish from 'vue-tailwind/dist/l10n/es'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally it defaults to `undefined` that means is considered a submit\n // button if the button is inside a form.\n type: 'button',\n }\n },\n 't-datepicker': {\n component: TDatepicker,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally a locale object with English values\n locale: Spanish,\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally `true`\n escToClose: false,\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nYou can also use this feature to create different versions of the same component.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TTag from 'vue-tailwind/dist/t-tag'\n\nconst settings = {\n // What about one for normal button and a `` for a submit button\n 't-button': {\n component: TButton,\n props: {\n type: 'button',\n }\n },\n 't-submit': {\n component: TButton,\n props: {\n type: 'submit',\n }\n },\n // I love this use case for the TTag component and will let you guess what\n // is doing: 👇\n 'blog-title': { // Used like Title of a blog post\n component: TTag,\n props: {\n tag: 'h1',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 'blog-subtitle': { // Used like subtitle of a blog post\n component: TTag,\n props: {\n tag: 'h2',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 't-link': { // Used like Open site\n component: TTag,\n props: {\n tag: 'a',\n classes: 'text-blue-500 underline hover:text-blue-600',\n }\n }\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/settings)\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/workflow)\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n- New default theme\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n","readmeFilename":"README.md","gitHead":"0b57b3f7d6cc653c70f14dbd4e1d706f344aa758","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.2.0-1","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-TrVvUw8Cug4kUMzpJjyXF3aBEDi/Pn1Q6zfETqoMXxRWW7T1qcMgal2aUqm+Ut5rMAiCzPXLbEpO0LKwiwrvQw==","shasum":"c9efb04b6c65acb6649f066ff725ca0f90ab39c7","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.2.0-1.tgz","fileCount":340,"unpackedSize":2871795,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcP1lCRA9TVsSAnZWagAAp44P/jldbDJdE0F/Ez8x/FHM\nE8OoT2QOXLi4kI7ervGOWrogF+dFuAE3KvOEMFjZWsEJelVtx7HXEsokTrkV\nY9p/65L8eW/gNSfwj5uLsHHk0RHRvUHW1vy3Hblp+wcreRnbYFxI2n7M46oE\n6zdH7HTB5y317/tprFCskj9cU+RcOl3u2bd8gzlhmUZ4j5edsQbqXZswANTk\nhSaqLkWlHWIfS/X/H5no0XjaO4whV9c8rcUeQ1P7zYCbbcWrODHm+POcdUDN\nXFtdfe2FbxCIJ/EsREo3dXNG+ixAKcLw3jzmjl07iWRMg4xSk50X1mR9Ty+i\nBPuFgA/4p8yh501xPoQDVBKugpy6BWj9dm/NngPKTvveXtx8S+ZxYnFA0Xi8\ndWqICtolbnbV3rEOqKUVmV5T/TSMu0wPDi2ZYC53k16wJGK2coO+Bb8LxEzG\nGV7Yn6ucP1AzfhNVI2ET0nlkYt4RqUk683yJLBE9+QHU6OHAkKSSfIMCRdUQ\nT5YjQ6G9icZLZYRVQZAkZ2ATfusewCeSGAc604V7rR4pG8rszIlYDbwklgYG\n645crNTpZRMwTvI3OG/hKWRTEWmX0TOiOyeoyj5OcbZym/dnNahuz4DRThKV\nqlW0Sr8XuGx1K4DdCLFbXKHt8jamT7WhGKKi3xIpy4ECmll9uCADB0y5xirJ\nCR3w\r\n=jR53\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAucZ5qCrZCAFq9EvAjSbqir/xRG1qb0CqxShHjO8w5VAiEAzuTGWeESHbQoD6IbX9VuqV5HF0T/WKuf5o7ylcpZNMQ="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.2.0-1_1618017636728_0.5253676923087884"},"_hasShrinkwrap":false},"2.2.0-2":{"name":"vue-tailwind","version":"2.2.0-2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"readme":"# Vue-Tailwind \n\n\n\nFor more info, check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/).\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to your application's unique design.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries.\n\nThose libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right?\n\n### Best of both worlds\n\nThe **VueTailwind** components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your personal set of components for your particular needs.\n\nAll that means that with this library, you will be able to:\n\n- Define your components look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n## 2. Install TailwindCSS (Optional)\n\nThis library uses TailwindCSS classes by default. Still, it should work with any CSS framework since all the CSS classes are configurable.\n\nTo install TailwindCSS follow his official documentation: [https://tailwindcss.com/docs/installation](https://tailwindcss.com/docs/installation)\n\n#### 2.1 Add the @tailwindcss/forms plugin\n\nThe default theme of this library depends on the `@tailwindcss/forms` plugin. To use it, follow the steps on the plugin source page.\n[https://github.com/tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms)\n\n#### 2.1 Add variants for disabled pseudo-class\n\nAlso needed for the default theme and strongly recommended since it adds the ability to use some classes like `disabled:opacity-50 disabled:cursor-not-allowed` to disabled inputs.\n\nSee [https://tailwindcss.com/docs/configuring-variants](https://tailwindcss.com/docs/configuring-variants) on the TailwindCSS docs for more info.\n\nAs a reference, your `tailwind.config.js` may look like this:\n\n```js\nmodule.exports = {\n variants: {\n extend: {\n opacity: ['disabled'],\n cursor: ['disabled'],\n },\n },\n plugins: [\n require('@tailwindcss/forms'),\n ],\n};\n```\n\n## 3. Configure Vue to use vue-tailwind\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n // ...You need to add the components you need here (explained above)\n}\n\nVue.use(VueTailwind, components)\n```\n\n### 3.1 Import and install the components\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport {\n TInput,\n TTextarea,\n TSelect,\n TRadio,\n TCheckbox,\n TButton,\n TInputGroup,\n TCard,\n TAlert,\n TModal,\n TDropdown,\n TRichSelect,\n TPagination,\n TTag,\n TRadioGroup,\n TCheckboxGroup,\n TTable,\n TDatepicker,\n TToggle,\n TDialog,\n} from 'vue-tailwind/dist/components';\n\nconst settings = {\n // Use the following syntax\n // {component-name}: {\n // component: {importedComponentObject},\n // props: {\n // {propToOverride}: {newDefaultValue}\n // {propToOverride2}: {newDefaultValue2}\n // }\n // }\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-textarea': {\n component: TTextarea,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.2 Alternatively, you can use the v1.0 syntax\n\n```js\nimport Vue from 'vue'\n// Notice that I am using a different path here:\nimport VueTailwind from 'vue-tailwind/dist/full'\n\nconst settings = {\n TInput: {\n classes: 'border-2 block w-full rounded text-gray-800',\n // ...More settings\n },\n TButton: {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n // ...More settings\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.3 Or install only the components you need\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'block px-4 py-2 text-white transition duration-100 ease-in-out bg-blue-500 border border-transparent rounded shadow-sm hover:bg-blue-600 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n> *Note*: Using the syntax from point **3.3** is the best way to prevent a big bundle size but only if you import a couple of components. If the number of components you install increases, the recommended way to install them is to use the syntax from the points **3.1** or **3.2** to help the library reuse some code and keep the bundle size at a minimum.\n\n\n[Read more →](https://www.vue-tailwind.com/docs/installation)\n\n## Theming\n\nTo apply a custom theme you should play with the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is applied.\n\n#### Example for a single-tag component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when ``)\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when ``)\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Example for a complex component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` class since we only\n // need to write the classes we want to override\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/theming)\n\n## Override settings\n\nAll the components on this library have default settings added as component props according to how we understand those settings are most commonly used.\n\nI am aware that in many cases is useful to change the default value, so you don't need to add the prop over and over when needed.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TDatepicker from 'vue-tailwind/dist/t-datepicker'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\n// Locale to eventually replace the default Datepicker locale\nimport Spanish from 'vue-tailwind/dist/l10n/es'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally it defaults to `undefined` that means is considered a submit\n // button if the button is inside a form.\n type: 'button',\n }\n },\n 't-datepicker': {\n component: TDatepicker,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally a locale object with English values\n locale: Spanish,\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally `true`\n escToClose: false,\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nYou can also use this feature to create different versions of the same component.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TTag from 'vue-tailwind/dist/t-tag'\n\nconst settings = {\n // What about one for normal button and a `` for a submit button\n 't-button': {\n component: TButton,\n props: {\n type: 'button',\n }\n },\n 't-submit': {\n component: TButton,\n props: {\n type: 'submit',\n }\n },\n // I love this use case for the TTag component and will let you guess what\n // is doing: 👇\n 'blog-title': { // Used like Title of a blog post\n component: TTag,\n props: {\n tag: 'h1',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 'blog-subtitle': { // Used like subtitle of a blog post\n component: TTag,\n props: {\n tag: 'h2',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 't-link': { // Used like Open site\n component: TTag,\n props: {\n tag: 'a',\n classes: 'text-blue-500 underline hover:text-blue-600',\n }\n }\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/settings)\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/workflow)\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n- New default theme\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n","readmeFilename":"README.md","gitHead":"e9cb518f1669890593df2b1be417b862ac6257cb","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.2.0-2","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-EVrgHSvGlJc8q7HfhTWP4fw3vsL/m0O++XGw4OURLRHEjKjmkAJxK54FvEsH1BciamY/YG+WoQ2Ma7KjuuyHsg==","shasum":"71945c3737eedd91de1fb0641ef5a20ae0e50af3","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.2.0-2.tgz","fileCount":340,"unpackedSize":2873415,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgcjhACRA9TVsSAnZWagAAb7AQAKGJnUacWfVSdKoCCidT\noxHY9+RE3D4IFQCPQkHH36y6yk5oS3gmN01YSl5q6BugvOPnVZht/c5NAoTu\nxvmPC9VafgjYtFmxC2hB5XyzhgTdjPSn62iuftyyyajLz/qjFvKp1sv0m5cF\nsPgtweIKWJaqbc0EEFhUaLO+mVLIx6EGytK8stC5AZCtj2XyAoQUbFHNECXG\nNJtB0klVkX8NmDw/ugtXIAtvd2hkTV49+aZ/YbR6u9JBSWBolZcrcxLE7mMl\nWCd/H++U6bl5v8FJZ3rVAKz3qfPJBZ69x2zH7NXPDcmA6DwCTBVF7z9kza0y\nT/1rpBtivb/vhZcadYXVuuhGPstskEW7LwbmnuUVxk03OQoKXMy6m3uLGge9\nZqhDOPTygvoCKqgNxNqCKPNK7xXGLCrQa1i4IN9ULcvl6/hIlkHliUiRKZ/G\n6vd1uONoA1UxeSUI++QRHnGIa0BFzuF5jN5OXyW+nNCyL82PGgp3kBoGzW1O\nWhYRNxuBdiUvQNddWde8VdtsyHGYFzpUyzOMicHoU3JUf/7cU8UIh8ZUg+sw\nTQb5BFTkH97ZKbRnheMmulOc1dUXiwyxlLNXAGVX2BWhCgp+cDCXR4HVSRw6\nCJ9NotabwILE0+8yzE/yLoukx5pOpse1AUflDb+NNuahSREhcxeXzhTuzmCl\niVVz\r\n=wRWS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCoeNLhi4Gc5mAuiEva0APhvpfytFV1WWRgfGkEAt+NBgIhAOi4Gvx8zSyDgiARLh+TaJ1fE7w0wqzbLTLcSr+u7qZS"}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.2.0-2_1618098240085_0.6914281048314401"},"_hasShrinkwrap":false},"2.2.0":{"name":"vue-tailwind","version":"2.2.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"6377e48aa5e772022602a5b1f2e6b0bdf8bc73f8","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.2.0","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-1z0k4EQ4iMONgbobQ1+7ae/cevlyWgD1B7bMS4jkAlF9sowdZJPAzQQ1a7ebHkB2PI/l+ngTw9QzCDeTUjtAzA==","shasum":"a92247be22c85816dbee61e083ef71715f2a6170","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.2.0.tgz","fileCount":340,"unpackedSize":2874179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgckRTCRA9TVsSAnZWagAAbMsP/0SRAOqSpQrY5EZHKAh3\n6ej4jPYx54WcxJQC7Le4aMHZ3r3MFcphHAOsz4QU1Se5HPr89LXQAbXQOMZO\ngrjELWgcVDQ6KHehkJ8yJx10CxlBKdYtYnjzcZHVYHNrSrfZyMtey5Y/vexP\nCY7xz/eFc7Rfe8tk6W7tFUeq/EKkBN78XU70BcHc68bteAkbHJ8AyRnkc2oZ\nfoGkW/Fnbsw3m+WD6wOuIJvhxxehWEn/0at6rf4eDsFl6wbKOZ/T4Bji5FrM\n165BoWcnNDle4JuDkkGR8KcyWMAaIKDBJH8bCk2uGQEMWTHn0ts003GG0OE7\naSHBdW5ogiQ8eckv8OoQefIjyZneKZKtbYLyzret5BnqBkJQNIP47G329cHy\nWVx+nVeabSBl8Y7Rvgdrcw2Du2U1XLwcj8vfZQ8Zbk6CnxmFypTLMi4rJmBy\nXxPIXRPMLQCXzxuqSXO7BRIBv4WNeG+0ZN0Ekgi8MzBwK7/6Pacg3TbtFB02\nPvOKbpBB4F6mvo12lJ071UIr3y6f8HMZylETlmbn7rxLvTQQZGqGMUQ+2hgo\nCp9Hgj3L/cFuSUMnNoioxywYLf2PDEG0I+8QBqN2HqXJ3B/YOCSfuO/aIjCT\nwHBL9hBk0EGCgkP/dX8kZYq/yuVdcfJedE/zgFLRIh4RDvNXNIylLdTSA7Qd\n1hiI\r\n=67eI\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCL1oOVRNR1wXtwH2kwrcJpXRVJapLXML6WpCH1zELg2QIgXKPMGVyOxbClOcR4u4Qp6v00uEVhxA7PuglUth9wTNc="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.2.0_1618101331241_0.9775114892318231"},"_hasShrinkwrap":false},"2.2.1":{"name":"vue-tailwind","version":"2.2.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0","postcss":"^7","tailwindcss":"npm:@tailwindcss/postcss7-compat","vue":"^2.6"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2.6"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"gitHead":"6404954cfa500ce7ca37c024f60d035278ea38c1","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.2.1","_nodeVersion":"15.12.0","_npmVersion":"7.6.3","dist":{"integrity":"sha512-TgSRy97ZjhDSJSmzC+hav/uA5vZpiszyTp75Ecbr2kyzAamj5wXcXB8BTsOXliAP/6ym4Wd/LElwLE8RYyfg6w==","shasum":"ea42f260db49fda2dbe1454d66e40578f13875b4","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.2.1.tgz","fileCount":340,"unpackedSize":2877572,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgdFxgCRA9TVsSAnZWagAAfPYQAJEBAtxs657mrlM0JYT5\nJgUbRjnQN50ncgZgkAU8WdFo6XlvPYE4KGUgrt0IuNlwSyFh65LuiManYJvB\nEMwc7XJm1eKQ/kNVHMcdCfhK+1KaW2bysduDxE8n+shzCq21wqoabYhw8MvW\n5ICCpGcjArKbCVKPWGGf45VZGiI23y9mnYhx80LdbicgfCTuEyqUUmyJ5avp\ncxtYiH5U6ct+U6LlM9gDn/POqzQMkilHO6mQXAZd7IunQt3C9eZRra6Uk2CO\ntJol5pXRzXH/lPmQlupSm+4K/VGyi7MsRIcXeKplvTGuy3nuDBLl0WA1lLNk\nRtHoJoXFLAFU9vW94lXeO+KIVkkMHI/NK3acl21+k1Eg+ImG7Zhdr7QIy1QR\nUj355GCaSw7MQfIC4jWUaQLgcWsGg6iQy7psMcG0Y4S9kap8UcijZdGOlf3h\nXP2FZNHrJjnzdXJnZ/zbS2J8NiWYyJx+wv6FyFPdmJ3c5DTdVFn/z1Lba5UI\nWotyAlKhIJgQKlo6nPQMyS52RlmpHElUFqlAqv8Y3OzSFkMCggjasMgMaeTi\nQ39gZhNCyqVusHt5F01Qal84yFCX6vS5Z+jXSQfwEGh/vRblagNkIX78X1A6\nkMOPcgJKTVXoyIQBXaucVYAV4NbhzqerXliHz7q1dyIM/yWzy6hV4A9Y10+r\nvY/a\r\n=GSwz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCcNYkAmT2XmLfl2/Ynnn1CxscU85cYpMP0Lw0+7I6VfgIgM2K3ktXlgZ9F8njLr/sz6KjN4tuVRdsJFU44NL2Lvug="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.2.1_1618238559783_0.9986136839447175"},"_hasShrinkwrap":false},"2.3.0":{"name":"vue-tailwind","version":"2.3.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"2.6.13"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"2.6.13"},"gitHead":"7f0679e5a8437054bd53f4990b7e413d2eea7a86","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.3.0","_nodeVersion":"16.2.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-5Ilk/pI3/uhOK4DywcML2CCPd4i3oRYzpp21orgbpoyg7qkXMByPpxmsNtSluvIGxm1wu7xdJ4bDbkbtlRDTVw==","shasum":"dd6968d44502aae5f4e1bbc3cf3056552ff0e6a1","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.3.0.tgz","fileCount":340,"unpackedSize":2877604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJguT6VCRA9TVsSAnZWagAAjpIP/0gdoO8Dl4mioGKXgpiv\n2g7IupR7PEyCq8/QO/F0GJbDAmY9gDxGKLVNQSica6AO7kiWeNsmMUaBg9YP\nq6yWb5jsBaXy2qwPWlwmb8+VypP1LIcj3MeiMLzqE9Y8UIN/T3wWqYZC2jSp\nyiu7lqBYPkc6YHBlljI7+7lEVvdnFOFH3hF7dCcmriVJylvKG9FdTYHgS20c\nt5nOnJtV6RqrZYS5ykPi4Zj7ekO6wenQKmCOtUscoxNys6mgCHGN/7T+cZtO\nqn20SWB9JjpsCJCnhI40eMkuJyseOEmnPPoBQoQl532M/XjNqziqza/T1dwx\nDM7xEXrEEE9mxVdyAZsjjiofgPTKIZt6iN3D8I5qu4UebMLmBVt6wd3P4snt\naI+KgfOYqwR6Tzh05N3WemR8AA0ISJz+mPTgx/7ZqWl5co5vVhYeDu+qfmvq\nyrRBdYGZ6LrShVln+v3ol5Xu/HR10EtuHpLDYPZGTR2EfP7J8u88VORnFALu\nja80dtysKCtfnTE5PqMSjAm4KHf++5zpHO9FAf+oKrFFmhybc8UcCwGqHPk9\n4trIvw+YaComySdd3FFbicLLcAnAZmubjDXzMsDQkKZqpB9kDujMwdScG07W\nqrM2vUAcGLj62WPYhlJvcJ6DSI/I8tdI10aejO5NiCNMXdjyNHQvugiRWqQv\nCi2d\r\n=UtLz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEOweR0OLzmOJcp3hpIYqNTJzonXqlMlKgLSiHkY6SjaAiAgFbrBzKHZMLFrcFpkqGeNpmgZq+Qh3HwzaWRwXrXw4Q=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.3.0_1622752917649_0.35784014017021604"},"_hasShrinkwrap":false},"2.4.0":{"name":"vue-tailwind","version":"2.4.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2","vue":"^2"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"2.6.13"},"gitHead":"ad3267e838cb74e77a7cbdd4eb576f7e4efe4234","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.4.0","_nodeVersion":"16.2.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-5m6MPhGwrvua41IJVleK8m21QhBd/8XgrSl2IH6tIdLmCjyqpb+LkGmQAQDnWuwmnAaIqR5GfRRQFE2igvh/Ew==","shasum":"6b0525b401ad89d5c24ab4ca64f23b7a9c65caf0","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.4.0.tgz","fileCount":340,"unpackedSize":2877617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2lq6CRA9TVsSAnZWagAA4mAQAIgRFgSF04Msz/itjPDh\nT6gIvZBc5CHuChv28EfmthnHFVetB5f7AqBtL5x+KqSc5qLJGiTK4OASXi5v\nY3/ib7kEVxFH1pe1mv0b3njS78kUp1IEga0lhtAwvWoXhIU/gY405RwXV+vS\nOiRG7us662sCgGsuLXuYFwkhjw/lvuv/jgrwhChdNy7HpvgXN2TIcHKAg7/9\nJFC1qMhvIqWNKrZJXSKf67TW5LRbk88vNgh6bDF3pASkaLDssZcN5ANDGuJ2\njhiWLINPe20DcggVIOoxC/+9U710etEvbgiwkZopDWlgAiGkjACYF2H3KYwh\nHwuuBBn27B2TDfTYJ/EbL1axlHB1fFv/jqfkfF/pkgjznRd+WS4/WFIviRJ2\nHXtLBhaUJQD99kTn1D5CAyOomdNXaJkxv5oxipdblXU6w9VyUnkLjtQOWedP\ng6oqwO94y5W/4QnA3MyhvoZod13j+gLfvWY9y7lpbRMxYxobAhSpgP1L4gAH\nIFP5nJYXACixpmsRFkArRWLZmyKP7HLopQtGqYsitm9bcclf2m8yO7CZhlXQ\nDG6VfPgZwVUCnl0DcRSKpITvIY2LPYunihbOMaRSqG95bTuylWoVzjRk3pOW\nWebXE8jp2xFHuVl6g/2gHwqTS2/j4A32Glj/0zOJcEiw1457OVCrDMPVHFYg\nGsiu\r\n=J6ZP\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCq19F3Te+W5aajG9I3gDWE041JKJBjhRSpEyfA/JRTywIgCpQ79OWaLfWG50z+2QbJh5aOZNN2sTu1eWiTJdbMR60="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.4.0_1624922809893_0.4183168687771248"},"_hasShrinkwrap":false},"2.4.1":{"name":"vue-tailwind","version":"2.4.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2","vue":"^2"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"^2"},"gitHead":"56ac6a52697993ca4c11742982f8ff8b2f89bece","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.4.1","_nodeVersion":"16.2.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-u/IWW15kjNO+8gICNONHeNrXunrOmwPhcmdmv9aAiod+asSVRFpAstcItcM/fk4dWAyHvUv0jrOPqXullIEu1Q==","shasum":"09a441fb3615f61aaa4a2bfde88aa3d1b3e1b619","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.4.1.tgz","fileCount":340,"unpackedSize":2877613,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2zMyCRA9TVsSAnZWagAA4lMQAKDuoNokPELYvo43gp8m\ngBsWQhjhE3dJS6B6dF6eFWctGl4Twrz0krHt9+DmnIFGt5rlICI81SkIUr41\nsd4j3Suk7WuYJWu4TmUl3L43XLpXkV5fNgXXZBptYcaHGU4pRHKxTepo0I2w\ntXAe3AhLJ3QoEUWwW81Qz3fOZR1fW+0fF/ytm8CmrsaTH0+ljrQ1Gj4nlWd1\nqiaA2NT/yNDcOriGw+qypWJDQplLUt+wvwZ4i5tzeVMmEWaEfqPeE5Uzm3zi\ndcwSlWah9z1lR1JY79p1Y8TmGM0Zj+WHLCtiyPj1P9a6epOx4ENa+/+Bc1RJ\nFeFNZdxYds14pHFHX83LmDdEi0KBk2xf4qT4vmBR9eT06LnjIULd7NIXDlVl\nKm4i/v69OpuNmlZxVNHu2CVNEYxcWyY/+tm6BN0Iuh9s93UoIZEaB3fYYWiN\nkK0QmChtsAGCw5GpTWx5OOiZ69pKb5ibkRs4Yc1isdGCx+8N6QCJF6Qf6Vbr\nHgo/GYgxo2hV1GJpqBmlxabSGKXCZUtomYLrIL1+hccMrIoB0YaAiNvRztrA\n7bNr1HS/GKonjw0ktE+nZlKyOlEdZHRQUracGCncpSP8HsMhyih1atiQ+NPk\nGQVau2HBMQx5TrQoiUfC429u7J/4sjRVxExhx2c52Z9b01auHrglT00oLxSQ\n33c6\r\n=bQrf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAR51L+/yOZwyrkygZgkW40wtD7W3OPfwBW7tz19PU59AiEA/6bzSYwdrDcUF1O1iUHZ26cvAmCDACgv+Qqoe75iJPE="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.4.1_1624978226326_0.5708847224468332"},"_hasShrinkwrap":false},"2.4.2":{"name":"vue-tailwind","version":"2.4.2","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2","vue":"^2"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"^2"},"gitHead":"21f6d5f97fa167948422c5b0ef8ffa8252b7c756","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.4.2","_nodeVersion":"16.2.0","_npmVersion":"7.11.2","dist":{"integrity":"sha512-oH4Ep+IBLbZnStj9QytvDL3GQwm8sFFwnW3fg9WZkE0xLVh1m74M7wD1T7t0ZS7ymWo8bb5TuX7Nj+i1nYGacQ==","shasum":"d71c6aac8bf9b98d8181184c6702d8701ec0a89c","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.4.2.tgz","fileCount":340,"unpackedSize":2879802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9gXhCRA9TVsSAnZWagAAAWoP/i3Tyqo46s6Y6bIPy9mP\n8zj+Z8QSQhk2heAFQNdt4Y6xFvVFGJEoAIzm7Mz3wpDRtpTvFvTUo0mjMhXm\nspe1st3u+UJEXqfdVsmktJvs5kfdMn8WJygq/D52P3uKsr6lciszT4wbeIIn\nx+KAIQEL5QeJsY/yYMs5Ran6eR+uFnSio5MRBBfUJFU92zF6UB9gL1f6syxg\nxIctktxfWsVo+BtvMxwaWYEn8jodxFf53opx+TXZ3ohYJqH6V8eNoYCzirO+\nejM4Z7lUqvVB/xxWt4h8QI7ldgU68alWMB0oYSqcJKWM9aF9txzRQOiUQgip\n1mmCy+qxM8WcfVdq/BCZIrCZ/LKmzIveD4Jc+V+Q3nnClmnGefWF5kblmpq3\nPJDkqQouObJcP+wYjmZb02X+AXSEVBGhI0VLPQyPFPEmlnRfg5h4m/norQPo\nLl8MnvZBCZn9kXmIUGDDmr9Shj43/jeFaV1QKdAS7foJATt7Di6V5ZJ0x7gW\n9SnWCllD+uu/4vskOUBPMMQBiSHrX7WkwbxoAm0Rj+DjzDMSsVcX9Nub5fYK\nsWj51+HtSDuSLY5a3eJYB5RCWtKk3UZ0NKmDXeQGS9sXnjKtRtYdt022KMef\n+stmYFhwXzOIUOKYBIjRjVeUSUO0rbxG18Oy72MTdeQaxcjVvL8eUAVzUei6\nD1/4\r\n=7f6Z\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBYlZNh3oxP59lRvWUcuV6dTJvk1tvCz3iVtSMZMksxiAiARK+vDo4t0qB6e7dzmtsQDTdN/60RX9Lmo8rUHeF9I1Q=="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.4.2_1626736097706_0.4669897440122157"},"_hasShrinkwrap":false},"2.5.0":{"name":"vue-tailwind","version":"2.5.0","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2","vue":"^2"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"^2"},"gitHead":"7abbabc859ce33e13306959bc492607e9d01f721","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.5.0","_nodeVersion":"16.6.1","_npmVersion":"7.20.3","dist":{"integrity":"sha512-Yl6VFCbFlQojBQwFty4VR4k/usb9v+YHGDaKLDhMu8VJdbN3ESeA6hy4Q7/mFhGiKnisjLa/M+ODo4EBhdBuTw==","shasum":"a6904aad053109db8cf934e18ea311e16772674a","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.5.0.tgz","fileCount":340,"unpackedSize":2880587,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh3AexCRA9TVsSAnZWagAAEMoP/2UUS0ZX0/g8Amz4UxPD\nRMwObA1EwhUCWazEXCbPw3ubVXvlE9dFifqwrBkss4HjFnpGxp8BjOfeVv7/\nHHIuZDc9DyjBWfHDUHAIRVZ28RoXq7k4HoDGegrIziT0KGCBEXFkZ1N96ybN\nLrAxI/fiqnPr3P7YxoRxjHosgTYaqVhL7VfYQAnzk6JtbfZWlTYFqCCCLtrm\nd4NgP7VL/HFq/2lLcxQ8po+iTETrsC7eFDlW0JW5JIcI7FJhE1tCSfB9Y7C8\nqfbJN2CXqtg0Jl6lGylz9rBhyveuOtTT0f+MxRR2a78zvO7p0gGWQn52Q7UF\nBezueQ4bQywV1ERVDCmGwZMR4nZ17M/wgooZhcofvMGPVRVDlcL+nWnf67VG\nGBOq1qiz/0dHlO+6FWR2szz90f9yo1WldVbbCZgNvmuBZaIcS4kF7Fh0JEwK\nLTPtc2gIe8MoDRqGOXdABd9Fkt2s33PAgdYfjbe8VdM5qiOMIJJQzfSjxith\nP2yX4BFgiRyMQUqM71vYG45WwyfZyHkiIjnqiheB6f/DQkmLxsdr683liU6m\nevrUdcdtqZnFJOkn8mtKLpMeyW0vWM8lDykLHWLl6JkU4g0MTohrlb6Q5Raq\nsE5JFvdpykMdDsR3K0tBBJwYugB48nR9OD/pAivOmli1dQLIwYsVftJfO0Gm\nJLo0\r\n=fwzo\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCU5wy9uppbhx5xcidJHraoAiqos6d9RFzYelu7MWZb9QIgFW60iYLgV9l+2AoxQZitDfD5Coan4eKBakf6L2V7HZg="}]},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.5.0_1632785793207_0.19903270241252446"},"_hasShrinkwrap":false},"2.5.1":{"name":"vue-tailwind","version":"2.5.1","description":"Vue components styled with TailwindCss with configurable classes","repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"license":"MIT","private":false,"scripts":{"serve":"vue-cli-service serve","build":"rollup --config build/rollup.config.js","test":"vue-cli-service test:unit","test:watch":"vue-cli-service test:unit --watch","lint":"vue-cli-service lint","release":"release-it"},"dependencies":{"body-scroll-lock":"^3.1.5","lodash.clonedeep":"^4.5.0","lodash.get":"^4.4.2","lodash.intersection":"^4.4.0","lodash.isequal":"^4.5.0","lodash.kebabcase":"^4.1.1","lodash.map":"^4.6.0","lodash.mapvalues":"^4.6.0","lodash.merge":"^4.6.2","lodash.pick":"^4.4.0","lodash.range":"^3.2.0"},"devDependencies":{"@rollup/plugin-typescript":"^6.1.0","@tailwindcss/forms":"^0.2.1","@types/body-scroll-lock":"^2.6.1","@types/jest":"^26.0.16","@types/lodash.clonedeep":"^4.5.6","@types/lodash.get":"^4.4.6","@types/lodash.intersection":"^4.4.6","@types/lodash.isequal":"^4.5.5","@types/lodash.kebabcase":"^4.1.6","@types/lodash.map":"^4.6.13","@types/lodash.mapvalues":"^4.6.6","@types/lodash.merge":"^4.6.6","@types/lodash.pick":"^4.4.6","@types/lodash.range":"^3.2.6","@types/vue":"^2.0.0","@typescript-eslint/eslint-plugin":"^4.9.0","@typescript-eslint/parser":"^4.9.0","@vue/cli-plugin-babel":"~4.5.9","@vue/cli-plugin-eslint":"~4.5.9","@vue/cli-plugin-typescript":"~4.5.9","@vue/cli-plugin-unit-jest":"^4.5.9","@vue/cli-service":"~4.5.9","@vue/compiler-sfc":"^3.0.4","@vue/eslint-config-airbnb":"^5.1.0","@vue/eslint-config-typescript":"^7.0.0","@vue/test-utils":"1.1.1","autoprefixer":"^9","eslint":"^7.13.0","eslint-plugin-import":"^2.22.1","eslint-plugin-vue":"^7.2.0","postcss":"^7","release-it":"^14.2.2","rollup":"^2.34.2","rollup-plugin-delete":"^2.0.0","rollup-plugin-multi-input":"^1.1.1","rollup-plugin-vue":"^6.0.0","tailwindcss":"npm:@tailwindcss/postcss7-compat","tslib":"^2.0.3","typescript":"~3.9.7","vue-template-compiler":"^2","vue":"^2"},"homepage":"https://vue-tailwind.com","typings":"./dist/index.d.ts","main":"dist/vue-tailwind.js","release-it":{"hooks":{"before:init":["yarn test"],"after:bump":"yarn build"}},"peerDependencies":{"vue":"^2"},"gitHead":"72941ff0d8490c303cbd27d55e6f2717ad6ffd94","bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"_id":"vue-tailwind@2.5.1","_nodeVersion":"17.6.0","_npmVersion":"8.5.1","dist":{"integrity":"sha512-hDBzZrkgU1Pk6zmmIM2Unu1bGmDAc3tcRr+E+4RxtaOV24EuYlUTjX42AsY4pXjGZ2yRAz6CIXYJAS0AvR1iQg==","shasum":"ebba7bd5e173ffca1c8a2fd2fa8feae6bee0b006","tarball":"https://registry.npmjs.org/vue-tailwind/-/vue-tailwind-2.5.1.tgz","fileCount":340,"unpackedSize":2880593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCUEvXBsACKlMb2wF77+SMDG53HaRSLGYH3/Eusm9hz8AIhAMsn2CTMlMl5eKkPZgX1wYYrWTtNItiH7boJ+3SAqEAU"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWYcWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrc7xAAhTWyX9WqySSUzE4t9PxPDDQyNo+CjveeLIyJ95MilU9W8g2W\r\nw1T7fiV0qKp4RZb27BqF3Xyqd0WJ587zM9kDDojOCkhzuwDBj+5K7aaeT22r\r\nfKuQ2jCD9wjcG/iwYT3wQ7xsudsUboDtPqAw0GqOU8eMCQF904BxsSyfVjHz\r\nKelABGaSMwN75Bq7kHd392l1SPuxSEY6fE3B/Niy3Th3YzILN2YdlpToidB9\r\n7W+4rqN1E+j41M/YEQYQXndjPffrCh7r8VhDVaX2WDz7lbChSIq47m4rTs7N\r\naVjMsBaS6HlWEhS1x67GH8hPSt3VnAs/nV7UvEWuxNBAydvZSjgAKE3wfJ/8\r\n56DIYGosh7lfEnYCESrpFBOjr7LzshU7qfAMqy8wIuwuQNfowvzifDMRvrLy\r\nSZbX9taOck8WJX+2kd1LvE/bOi0Bs5sAMpvf1QHTA6XWOMhfEkrDTYOloMT6\r\n5bWTXJFpMeg6RxpzzQh5z3lsrMizm/kpLFtCC6QH1SJMigvi6BYjXc+RssQD\r\n2xss9/cn3H/vklB9F5iLQ/YcNXIozMXrou+/UXRx368em5xwHDn8VSERvE2f\r\nYhXVkiaaSC7q3jp7gM+0HteOEHzBz1MIwYgtk3ABJMWCX9+NNnEtN29SUNRY\r\niIodR3sN6XTS8kiofzUQGAOdjcmz5c3Yi08=\r\n=fZq+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alfonsobries","email":"alfonso@vexilo.com"},"directories":{},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-tailwind_2.5.1_1650034453754_0.6952487820230313"},"_hasShrinkwrap":false}},"maintainers":[{"name":"alfonsobries","email":"alfonso@vexilo.com"}],"description":"Vue components styled with TailwindCss with configurable classes","readme":"# Vue-Tailwind \n\n\n\nFor more info, check the official site: [https://vue-tailwind.com/](https://vue-tailwind.com/).\n\n**VueTailwind** is a set of Vue components created to be customized to adapt to your application's unique design.\n\n### Another UI library?\n\nMost component libraries depend on CSS frameworks with an opinionated and limited number of styles defined by the people who maintain those libraries.\n\nThose libraries are great and make our work easy, but hey, we made a beautiful custom design, right?\n\n### So what are the alternatives?\n\nWe can use a framework like [TailwindCss](https://tailwindcss.com) to define our style, but that will end with us writing long CSS classes repeatedly, which could quickly become unmaintainable. Also, create some components like modals, date pickers, etc., is a tricky task, and let's admit it, nobody has time for that, right?\n\n### Best of both worlds\n\nThe **VueTailwind** components are meant to be customized with custom CSS classes that you can define when you install the library.\n\nPlus, most component settings are configurable, so using this library is like having your personal set of components for your particular needs.\n\nAll that means that with this library, you will be able to:\n\n- Define your components look and feel by defining custom default CSS classes.\n- Add unlimited variants for every specific use case.\n- Override the default value of the props according to your needs.\n- Create different versions of one component with different default settings.\n\n## Installation\n\n### 1. Install the dependencies \n\n```console\nnpm install vue-tailwind --save\n``` \n\nOr: \n\n```console\nyarn add vue-tailwind\n``` \n\n## 2. Install TailwindCSS (Optional)\n\nThis library uses TailwindCSS classes by default. Still, it should work with any CSS framework since all the CSS classes are configurable.\n\nTo install TailwindCSS follow his official documentation: [https://tailwindcss.com/docs/installation](https://tailwindcss.com/docs/installation)\n\n#### 2.1 Add the @tailwindcss/forms plugin\n\nThe default theme of this library depends on the `@tailwindcss/forms` plugin. To use it, follow the steps on the plugin source page.\n[https://github.com/tailwindlabs/tailwindcss-forms](https://github.com/tailwindlabs/tailwindcss-forms)\n\n#### 2.1 Add variants for disabled pseudo-class\n\nAlso needed for the default theme and strongly recommended since it adds the ability to use some classes like `disabled:opacity-50 disabled:cursor-not-allowed` to disabled inputs.\n\nSee [https://tailwindcss.com/docs/configuring-variants](https://tailwindcss.com/docs/configuring-variants) on the TailwindCSS docs for more info.\n\nAs a reference, your `tailwind.config.js` may look like this:\n\n```js\nmodule.exports = {\n variants: {\n extend: {\n opacity: ['disabled'],\n cursor: ['disabled'],\n },\n },\n plugins: [\n require('@tailwindcss/forms'),\n ],\n};\n```\n\n## 3. Configure Vue to use vue-tailwind\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nconst components = {\n // ...You need to add the components you need here (explained above)\n}\n\nVue.use(VueTailwind, components)\n```\n\n### 3.1 Import and install the components\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport {\n TInput,\n TTextarea,\n TSelect,\n TRadio,\n TCheckbox,\n TButton,\n TInputGroup,\n TCard,\n TAlert,\n TModal,\n TDropdown,\n TRichSelect,\n TPagination,\n TTag,\n TRadioGroup,\n TCheckboxGroup,\n TTable,\n TDatepicker,\n TToggle,\n TDialog,\n} from 'vue-tailwind/dist/components';\n\nconst settings = {\n // Use the following syntax\n // {component-name}: {\n // component: {importedComponentObject},\n // props: {\n // {propToOverride}: {newDefaultValue}\n // {propToOverride2}: {newDefaultValue2}\n // }\n // }\n 't-input': {\n component: TInput,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n 't-textarea': {\n component: TTextarea,\n props: {\n classes: 'border-2 block w-full rounded text-gray-800'\n // ...More settings\n }\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.2 Alternatively, you can use the v1.0 syntax\n\n```js\nimport Vue from 'vue'\n// Notice that I am using a different path here:\nimport VueTailwind from 'vue-tailwind/dist/full'\n\nconst settings = {\n TInput: {\n classes: 'border-2 block w-full rounded text-gray-800',\n // ...More settings\n },\n TButton: {\n classes: 'rounded-lg border block inline-flex items-center justify-center',\n // ...More settings\n },\n // ...Rest of the components\n}\n\nVue.use(VueTailwind, settings)\n```\n\n### 3.3 Or install only the components you need\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TInput from 'vue-tailwind/dist/t-input'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-input': {\n component: TInput,\n props: {\n classes: 'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n 't-button': {\n component: TButton,\n props: {\n classes: 'block px-4 py-2 text-white transition duration-100 ease-in-out bg-blue-500 border border-transparent rounded shadow-sm hover:bg-blue-600 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n> *Note*: Using the syntax from point **3.3** is the best way to prevent a big bundle size but only if you import a couple of components. If the number of components you install increases, the recommended way to install them is to use the syntax from the points **3.1** or **3.2** to help the library reuse some code and keep the bundle size at a minimum.\n\n\n[Read more →](https://www.vue-tailwind.com/docs/installation)\n\n## Theming\n\nTo apply a custom theme you should play with the `classes`, `fixedClasses`, and `variants` props.\n\nThe `classes` and `fixedClasses` props usually expects an `string` with a CSS class for single-tag components (inputs, button, etc.) and an `object` for more complex components (modals, datepicker, etc) (see component docs for details).\n\nThe `variants` props expects an object where every key represents the variant name and every value the classes that will be used when that variant is applied.\n\n#### Example for a single-tag component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TButton from 'vue-tailwind/dist/t-button'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: 'focus:outline-none focus:shadow-outline inline-flex items-center transition ease-in-out duration-150',\n // Classes used when any variant is active\n classes: 'text-white bg-blue-600 hover:bg-blue-500 focus:border-blue-700 active:bg-blue-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n variants: {\n // A red variant of the button (applied when ``)\n error: 'text-white bg-red-600 hover:bg-red-500 focus:border-red-700 active:bg-red-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // A green variant of the button (applied when ``)\n success: 'text-white bg-green-600 hover:bg-green-500 focus:border-green-700 active:bg-green-700 text-sm font-medium border border-transparent px-3 py-2 rounded-md',\n // ...unlimited variants\n }\n // ...More settings\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n#### Example for a complex component: \n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\nimport TAlert from 'vue-tailwind/dist/t-alert'\n\nconst settings = {\n 't-alert': {\n component: TAlert,\n props: {\n // The fixed classes will never change and will be merged with the `classes` value or the active variant\n fixedClasses: {\n wrapper: 'rounded p-4 flex text-sm border-l-4',\n body: 'flex-grow',\n close: 'ml-4 rounded',\n closeIcon: 'h-5 w-5 fill-current'\n },\n classes: {\n wrapper: 'bg-blue-100 border-blue-500',\n body: 'text-blue-700',\n close: 'text-blue-700 hover:text-blue-500 hover:bg-blue-200',\n closeIcon: 'h-5 w-5 fill-current'\n },\n variants: {\n danger: {\n wrapper: 'bg-red-100 border-red-500',\n body: 'text-red-700',\n close: 'text-red-700 hover:text-red-500 hover:bg-red-200'\n // Notice that I am not defining the `closeIcon` class since we only\n // need to write the classes we want to override\n },\n }\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/theming)\n\n## Override settings\n\nAll the components on this library have default settings added as component props according to how we understand those settings are most commonly used.\n\nI am aware that in many cases is useful to change the default value, so you don't need to add the prop over and over when needed.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TDatepicker from 'vue-tailwind/dist/t-datepicker'\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TModal from 'vue-tailwind/dist/t-modal'\n\n// Locale to eventually replace the default Datepicker locale\nimport Spanish from 'vue-tailwind/dist/l10n/es'\n\nconst settings = {\n 't-button': {\n component: TButton,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally it defaults to `undefined` that means is considered a submit\n // button if the button is inside a form.\n type: 'button',\n }\n },\n 't-datepicker': {\n component: TDatepicker,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally a locale object with English values\n locale: Spanish,\n }\n },\n 't-modal': {\n component: TModal,\n props: {\n // classes: '...',\n // variants: '...',\n // ...\n // Originally `true`\n escToClose: false,\n }\n },\n}\n\nVue.use(VueTailwind, settings)\n```\n\nYou can also use this feature to create different versions of the same component.\n\n```js\nimport Vue from 'vue'\nimport VueTailwind from 'vue-tailwind'\n\nimport TButton from 'vue-tailwind/dist/t-button'\nimport TTag from 'vue-tailwind/dist/t-tag'\n\nconst settings = {\n // What about one for normal button and a `` for a submit button\n 't-button': {\n component: TButton,\n props: {\n type: 'button',\n }\n },\n 't-submit': {\n component: TButton,\n props: {\n type: 'submit',\n }\n },\n // I love this use case for the TTag component and will let you guess what\n // is doing: 👇\n 'blog-title': { // Used like Title of a blog post\n component: TTag,\n props: {\n tag: 'h1',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 'blog-subtitle': { // Used like subtitle of a blog post\n component: TTag,\n props: {\n tag: 'h2',\n classes: 'font-semibold text-xl leading-6',\n }\n },\n 't-link': { // Used like Open site\n component: TTag,\n props: {\n tag: 'a',\n classes: 'text-blue-500 underline hover:text-blue-600',\n }\n }\n}\n\nVue.use(VueTailwind, settings)\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/settings)\n\n## Workflow\n\nOnce your different variants were defined you can use the `variant` prop to define which variant should be applied:\n\n```html\n\n```\n\nThe variant prop also accepts an object that takes the first attribute with a _truthy_ value\n\n```html\n\n```\n\n[Read more →](https://www.vue-tailwind.com/docs/workflow)\n\n## What's new in version 2.x\n\n- Install only the components you need for smaller bundle size\n- Custom name for components\n- The ability to install the same component multiple times with different default settings and name\n- New default theme\n\n#### Plans for v3.x\n\n- Rebuild with Vue 3\n- Multiple typescript improvements\n- Stronger test coverage\n- Accesibility first\n- New Branding\n\n[Read more →](https://www.vue-tailwind.com/docs/upcoming-changes#plans-for-version-3x)\n\n## Contribute\n\nIs this project helpful for you? Consider sponsoring me [https://github.com/sponsors/alfonsobries](https://github.com/sponsors/alfonsobries).\n\nOf course, any other kind help is welcome, even if you notice some grammar mistakes (English is not my primary language) see [contribute page](https://vue-tailwind.com/contribute) for details.\n\n### Changelog\n\nPlease see [Release notes](https://vue-tailwind.com/docs/release-notes) for more information about what was changed recently.\n\n### Security\n\nIf you discover any security related issues, please email alfonso@vexilo.com instead of using the issue tracker.\n\n## Credits\n\n- [Alfonso Bribiesca](https://github.com/alfonsobries)\n- [All Contributors](https://github.com/alfonsobries/vue-tailwind/contributors)\n\n## License\n\nThe MIT License (MIT). Please see [License File](https://github.com/alfonsobries/vue-tailwind/blob/master/LICENSE) for more information.\n\n_Made with love by [@alfonsobries](https://twitter.com/alfonsobries)_\n","readmeFilename":"README.md","homepage":"https://vue-tailwind.com","keywords":["tailwindcss","vue","vue-tailwind","vue components","tailwind components"],"repository":{"type":"git","url":"git+https://github.com/alfonsobries/vue-tailwind.git"},"author":{"name":"Alfonso Bribiesca","email":"alfonso@vexilo.com","url":"https://www.vexilo.com/"},"bugs":{"url":"https://github.com/alfonsobries/vue-tailwind/issues"},"license":"MIT"}