v2.14.1

.github/stale.yml

@@ -4,6 +4,7 @@ daysUntilClose: 7
 staleLabel: stale
 exemptLabels:
   - "cmty:feature-request"
+  - "feature-request
   - "WIP"
   - "pending"
   - "discussion"

examples/tailwindcss-purgecss/assets/css/tailwind.css

@@ -9,7 +9,7 @@
  *
  * @import "tailwindcss/preflight";
  */
- @tailwind preflight;
+ @tailwind base;
 
  /**
   * This injects any component classes registered by plugins.

examples/tailwindcss-purgecss/components/MyComponent.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <button class="bg-blue hover:bg-blue-dark text-white font-bold py-2 px-4 rounded">
+    <button class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">
       My Component Button
     </button>
   </div>

examples/tailwindcss-purgecss/nuxt.config.js

@@ -15,21 +15,10 @@ export default {
   },
 
   css: ['~/assets/css/tailwind.css'],
-
   build: {
     postcss: {
       plugins: {
-        tailwindcss: path.join(__dirname, 'tailwind.js'),
-        autoprefixer: {},
-        '@fullhuman/postcss-purgecss': {
-          content: [
-            path.join(__dirname, './pages/**/*.vue'),
-            path.join(__dirname, './layouts/**/*.vue'),
-            path.join(__dirname, './components/**/*.vue')
-          ],
-          defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || [],
-          whitelist: ['html', 'body', 'nuxt-progress']
-        }
+        tailwindcss: path.join(__dirname, './tailwind.config.js')
       }
     }
   }

examples/tailwindcss-purgecss/package.json

@@ -15,9 +15,7 @@
     "nuxt": "^2.2.0"
   },
   "devDependencies": {
-    "@fullhuman/postcss-purgecss": "^1.1.0",
-    "autoprefixer": "^9.3.1",
-    "tailwindcss": "^0.6.6"
+    "tailwindcss": "^1.6.0"
   },
   "prettier": {
     "semi": false,

examples/tailwindcss-purgecss/pages/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
-    <h2 class="mb-4 text-blue">
+    <h2 class="mb-4 text-blue-500">
       Homepage
     </h2>
-    <p class="mb-4 bg-grey-light p-4 text-sm rounded leading-normal">
+    <p class="mb-4 bg-grey-400 p-4 text-sm rounded leading-normal">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut dolor placerat enim suscipit porttitor et sodales orci. In eget lorem a odio rhoncus finibus vel quis ex. Donec varius nisl ligula, vel finibus velit dignissim in.
     </p>
     <MyComponent />

examples/tailwindcss-purgecss/tailwind.config.js

@@ -0,0 +1,20 @@
+const path = require('path')
+
+module.exports = {
+  purge: {
+    enabled: true,
+    content: [
+      path.join(__dirname, './pages/**/*.vue'),
+      path.join(__dirname, './layouts/**/*.vue'),
+      path.join(__dirname, './components/**/*.vue')
+    ],
+    options: {
+      whitelist: ['html', 'body', 'nuxt-progress']
+    }
+  },
+  theme: {
+    extend: {}
+  },
+  variants: {},
+  plugins: []
+}