From 4469ccb30a6760456fe62cfde367e16fdf841f88 Mon Sep 17 00:00:00 2001
From: Arthur Abeilice <afa7789@gmail.com>
Date: Mon, 4 May 2026 20:13:20 -0300
Subject: [PATCH] refactor: update configuration files to use ES module syntax
 and integrate Tailwind CSS

---
 postcss.config.js   | 3 +--
 src/assets/main.css | 6 ++----
 tailwind.config.js  | 2 +-
 vite.config.ts      | 3 ++-
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index 12a703d..7738160 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,5 @@
-module.exports = {
+export default {
   plugins: {
-    tailwindcss: {},
     autoprefixer: {},
   },
 };
diff --git a/src/assets/main.css b/src/assets/main.css
index 16eec84..676f71d 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,7 +1,5 @@
-@import './base.css';
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "./base.css" layer(base);
+@import "tailwindcss";
 
 #app {
   width: 100%;
diff --git a/tailwind.config.js b/tailwind.config.js
index 884e49b..ea0cd4b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,5 @@
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}", "./src/**/*.vue"],
   theme: {
     extend: {},
diff --git a/vite.config.ts b/vite.config.ts
index 7d56f6c..758d3e0 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,6 +4,7 @@ import { execSync } from "node:child_process";
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import vueJsx from "@vitejs/plugin-vue-jsx";
+import tailwindcss from "@tailwindcss/vite";
 import svgLoader from "vite-svg-loader";
 
 function sh(cmd: string): string {
@@ -46,7 +47,7 @@ export default defineConfig({
       },
     },
   },
-  plugins: [vue(), vueJsx(), svgLoader()],
+  plugins: [vue(), vueJsx(), tailwindcss(), svgLoader()],
   resolve: {
     alias: {
       "@": fileURLToPath(new URL("./src", import.meta.url)),