An example of using the tailwind config with typescript

tailwind.config.ts

// npm i -D @types/tailwindcss
import type { TailwindConfig } from 'tailwindcss/tailwind-config';
import type DefaultTheme from 'tailwindcss/defaultTheme';

type Tailwind = TailwindConfig & { theme: { extend: typeof DefaultTheme } };

export default {
  darkMode: 'class',
  content: [
    './components/**/*.{js,vue,ts}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
} as Tailwind;