Merge pull request #29 from Noboomta/fix/safelist-tailwind-class

fix: safelist tailwind class

tailwind.config.js

@@ -1,38 +1,46 @@
 const gridConfig = () => {
-  const gridColumnStart = {}
-  const gridColumnEnd = {}
-  const gridTemplateColumns = { '168': 'repeat(168, minmax(0, 1fr))' }
+	const gridColumnStart = {}
+	const gridColumnEnd = {}
+	const gridTemplateColumns = { 168: 'repeat(168, minmax(0, 1fr))' }
 
-  for (let i = 14; i <= 169; i++) {
-    gridColumnStart[i.toString()] = i.toString()
-    gridColumnEnd[i.toString()] = i.toString()
-  }
+	for (let i = 14; i <= 169; i++) {
+		gridColumnStart[i.toString()] = i.toString()
+		gridColumnEnd[i.toString()] = i.toString()
+	}
 
-  return { gridTemplateColumns, gridColumnStart, gridColumnEnd }
+	return { gridTemplateColumns, gridColumnStart, gridColumnEnd }
 }
 
-module.exports = {
-    purge: [
-      './public/**/*.html',
-      './src/**/*.vue',
-    ],
-    darkMode: 'class', // or 'media' or 'class'
-    theme: {
-      extend: {
-        ...gridConfig(),
-        minHeight: (theme) => ({
-          ...theme('spacing')
-        }),
-        minWidth: {
-          '1000': '1000px'
-        },
-        hidden: {
+const getGridClass = () => {
+	const result = []
+
+	for (let i = 14; i <= 169; i++) {
+		result.push(`col-start-${i}`, `col-end-${i}`)
+	}
+
+	return result
+}
 
-        },
-      }
-    },
-    variants: {
-      extend: {},
-    },
-    plugins: [],
-  }
+module.exports = {
+	purge: {
+		content: ['./public/**/*.html', './src/**/*.vue'],
+		safelist: getGridClass(),
+	},
+	darkMode: 'class', // or 'media' or 'class'
+	theme: {
+		extend: {
+			...gridConfig(),
+			minHeight: (theme) => ({
+				...theme('spacing'),
+			}),
+			minWidth: {
+				1000: '1000px',
+			},
+			hidden: {},
+		},
+	},
+	variants: {
+		extend: {},
+	},
+	plugins: [],
+}