Home Page

- Installed TailwindUI
- Changed the layout
- Added a new breakpoint

tailwind.config.js

@@ -0,0 +1,31 @@
+module.exports = {
+  future: {
+    removeDeprecatedGapUtilities: true,
+    purgeLayersByDefault: true,
+  },
+  theme: {
+    screens: {
+      dark: { raw: '(prefers-color-scheme: dark)' },
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      xxl: '1920px',
+    },
+  },
+  variants: {},
+  plugins: [require('@tailwindcss/ui')],
+  purge: {
+    enabled: process.env.NODE_ENV === 'production',
+    content: [
+      'components/**/*.vue',
+      'layouts/**/*.vue',
+      'pages/**/*.vue',
+      'plugins/**/*.js',
+      'nuxt.config.js',
+      // TypeScript
+      'plugins/**/*.ts',
+      'nuxt.config.ts',
+    ],
+  },
+}