feat: switch to windicss (#65)

tailwind.config.js

@@ -1,44 +1,23 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
-const colors = require('tailwindcss/colors')
-const typography = require('@tailwindcss/typography')
+const colors = require('windicss/colors')
 
 module.exports = {
-  purge: {
-    enabled: process.env.NODE_ENV === 'production',
-    content: [
-      './index.html',
-      './src/**/*.vue',
-      './src/**/*.md',
-      './src/**/*.js',
-      './src/**/*.ts',
-    ],
-    options: {
-      safelist: ['prose', 'prose-sm', 'm-auto'],
-    },
-  },
-  variants: {
-    extend: {
-      cursor: ['disabled'],
-      backgroundColor: ['disabled'],
-      borderColor: ['active', 'disabled'],
-      textColor: ['active', 'disabled'],
-      opacity: ['dark', 'active', 'disabled'],
-    }
-  },
   darkMode: 'class',
-  plugins: [typography],
+  plugins: [
+    require('windicss/plugin/typography'),
+  ],
   theme: {
     extend: {
-      colors: {
-        teal: colors.teal,
-      },
       typography: {
         DEFAULT: {
           css: {
+            maxWidth: '65ch',
             color: 'inherit',
             a: {
               color: 'inherit',
               opacity: 0.75,
+              fontWeight: '500',
+              textDecoration: 'underline',
               '&:hover': {
                 opacity: 1,
                 color: colors.teal[600],