text: const colors = require('tailwindcss/colors')
  
  module.exports = {
    content: [
      './index.html',
      './src/**/*.{vue,js,ts,jsx,tsx}',
    ],
    darkMode: 'class', // or 'media' or 'class'
    theme: {
      extend: {
        typography: {
          DEFAULT: {
            css: {
              maxWidth: '65ch',
              color: 'inherit',
              a: {
                'color': 'inherit',
                'opacity': 0.75,
                'fontWeight': '500',
                'textDecoration': 'underline',
                '&:hover': {
                  opacity: 1,
                  color: colors.teal[600],
                },
              },
              b: { color: 'inherit' },
              strong: { color: 'inherit' },
              em: { color: 'inherit' },
              h1: { color: 'inherit' },
              h2: { color: 'inherit' },
              h3: { color: 'inherit' },
              h4: { color: 'inherit' },
              code: { color: 'inherit' },
            },
          },
        },
      },
    },
    plugins: [
      require('@tailwindcss/typography'),
    ],
  }
  