Use Tailwind 1.x

Author: m2de

package.json

@@ -26,14 +26,14 @@
     "author": "Marco Mark <[email protected]>",
     "license": "MIT",
     "dependencies": {
-        "@fullhuman/postcss-purgecss": "^1.1.0",
-        "lodash": "^4.17.11",
-        "tailwindcss": "^0.7.4"
+        "@fullhuman/postcss-purgecss": "^1.3.0",
+        "lodash": "^4.17.15",
+        "tailwindcss": "^1.1.2"
     },
     "devDependencies": {
-        "@babel/core": "^7.3.3",
-        "@babel/preset-env": "7.3.1",
-        "rollup": "^1.1.2",
-        "rollup-plugin-babel": "^4.3.2"
+        "@babel/core": "^7.6.4",
+        "@babel/preset-env": "7.6.3",
+        "rollup": "^1.25.1",
+        "rollup-plugin-babel": "^4.3.3"
     }
 }

readme.md

@@ -1,5 +1,15 @@
 # VuePress Plugin to add Tailwind CSS
 
+## Overview
+
+This plugin will install Tailwind CSS ^1.1.2 ready for you to import into your VuePress theme or project. You will need to follow the [Tailwind CSS installation](https://tailwindcss.com/docs/installation/) instructions and add Tailwind to your CSS. E.g. add the tailwind directives to your styl or css files.
+
+```styl
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
 ## Installation
 
 ```sh
@@ -19,7 +29,7 @@ module.exports = {
 
 ## Configuration options
 
-You can overwrite the default Tailwind CSS configuration if required, otherwise the default config will be loaded.
+Please follow the [Tailwind CSS configuration](https://tailwindcss.com/docs/configuration/) instructions. If you are using the default filename, you do not need to specify it here. If you would like to load a custom configuration file with a different filename to the default `tailwind.config.js` you can specify this in the plugin options.
 
 ```js
 module.exports = {
@@ -32,7 +42,7 @@ module.exports = {
 }
 ```
 
-By default PurgeCSS will be applied when running vuepress build (production). You can optionally disable this if you do not want to use PurgeCSS.
+By default PurgeCSS will be applied when running VuePress build (production). You can optionally disable this if you do not want to use PurgeCSS.
 
 ```js
 module.exports = {

rollup.config.js

@@ -8,22 +8,10 @@ export default [
             format: 'cjs',
         },
         external: [
-            "path",
             "lodash",
         ],
         plugins: [
             RollupPluginBabel(),
         ],
-    },
-    {
-        input: 'src/tailwind.config.js',
-        output: {
-            file: 'dist/tailwind.config.js',
-            format: 'cjs',
-        },
-        external: [],
-        plugins: [
-            RollupPluginBabel(),
-        ],
     }
 ]

src/index.js

@@ -1,4 +1,3 @@
-import path from 'path'
 import { merge } from 'lodash'
 
 const defaultOptions = {
@@ -52,7 +51,7 @@ const plugin = (options = {}, context) => {
         ],
 
         /**
-         * Ensure default resets and normalised classes ar enot removed by PurgeCSS
+         * Ensure default resets and normalised classes are not removed by PurgeCSS
          */
         whitelistPatterns: [
             /^(h\d|p$|ul|li$|div|ol|table|td$|th$|thead|tbody|main|input|button|form|md-|hljs)/