configure for netlify

Author: IgorHalfeld

dashboard/public/_redirects

@@ -0,0 +1,2 @@
+/* /index.html 200
+

dashboard/src/views/Feedbacks/Filters.vue

@@ -16,11 +16,11 @@
       >
         <div class="flex items-center">
           <span
-            :class="`bg-${filter.color}`"
+            :class="filter.color.bg"
             class="inline-block w-2 h-2 mr-2 rounded-full"/> {{ filter.label }}
         </div>
         <span
-          :class="filter.active ? `text-${filter.color}` : 'text-brand-graydark'"
+          :class="filter.active ? filter.color.text : 'text-brand-graydark'"
           class="font-bold"
         >
           {{ filter.amount }}
@@ -43,10 +43,10 @@ const LABELS = {
 }
 
 const COLORS = {
-  all: 'brand-info',
-  issue: 'brand-danger',
-  idea: 'brand-warning',
-  other: 'brand-graydark'
+  all: { text: 'text-brand-info', bg: 'bg-brand-info' },
+  issue: { text: 'text-brand-danger', bg: 'bg-brand-danger' },
+  idea: { text: 'text-brand-warning', bg: 'bg-brand-warning' },
+  other: { text: 'text-brand-graydark', bg: 'bg-brand-graydark' }
 }
 
 function applyFiltersStructure (summary) {

dashboard/tailwind.config.js

@@ -2,7 +2,11 @@ const colors = require('tailwindcss/colors')
 const palette = require('./palette')
 
 module.exports = {
-  purge: [],
+  purge: [
+    './src/**/*.html',
+    './src/**/*.vue',
+    './src/**/*.jsx'
+  ],
   presets: [],
   darkMode: false, // or 'media' or 'class'
   theme: {