use new defaultExtractor option

Author: forsartis

README.md

@@ -42,20 +42,9 @@ module.exports = {
 ### Configure Purgecss
 By default Purgecss will look for css selectors in your `.html` files inside the `./public` directory and `.vue` files inside the `./src` directory.
 ```javascript
-class TailwindExtractor {
-  static extract(content) {
-    return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
-  }
-}
-
 let config = {
   content: ['./public/**/*.html', './src/**/*.vue'],
-  extractors: [
-    {
-      extractor: TailwindExtractor,
-      extensions: ['html', 'vue'],
-    },
-  ],
+  defaultExtractor: content => content.match(/[A-z0-9-_:/]+/g),
 };
 ```
 You can extend/override the default config in your PostCSS configuration.

package.json

@@ -18,7 +18,7 @@
     "purgecss"
   ],
   "dependencies": {
-    "@fullhuman/postcss-purgecss": "^1.1.0",
-    "tailwindcss": "^1.0.0-beta.3"
+    "@fullhuman/postcss-purgecss": "^1.2.0",
+    "tailwindcss": "^1.0.0-beta.5"
   }
 }

purgecss/index.js

@@ -1,19 +1,8 @@
 const postcss = require('postcss');
 
-class TailwindExtractor {
-  static extract(content) {
-    return content.match(/[A-Za-z0-9-_:\/]+/g) || [];
-  }
-}
-
 let config = {
   content: ['./public/**/*.html', './src/**/*.vue'],
-  extractors: [
-    {
-      extractor: TailwindExtractor,
-      extensions: ['html', 'vue'],
-    },
-  ],
+  defaultExtractor: content => content.match(/[A-z0-9-_:/]+/g),
 };
 
 module.exports = postcss.plugin('tailwind-purgecss', function(opts) {