From d4cdabee5d2fd386eda022aa0922809b5ad1dcd8 Mon Sep 17 00:00:00 2001
From: colinscz <19342760+colinscz@users.noreply.github.com>
Date: Sun, 29 Dec 2024 18:39:02 +0100
Subject: [PATCH] feat: tailwindconfig update

---
 app.vue            |  7 ++++---
 pages/about.vue    |  5 +++++
 pages/index.vue    | 11 +++++++++++
 tailwind.config.js |  8 ++++----
 4 files changed, 24 insertions(+), 7 deletions(-)
 create mode 100644 pages/about.vue
 create mode 100644 pages/index.vue

diff --git a/app.vue b/app.vue
index 09f935b..5aada8f 100644
--- a/app.vue
+++ b/app.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
   </div>
-</template>
+</template>
\ No newline at end of file
diff --git a/pages/about.vue b/pages/about.vue
new file mode 100644
index 0000000..667b451
--- /dev/null
+++ b/pages/about.vue
@@ -0,0 +1,5 @@
+<template>
+  <section>
+    <p>This page will be displayed at the /about route.</p>
+  </section>
+</template>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..96c0baf
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 4261147..7a02200 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,11 +1,11 @@
-const animate = require("tailwindcss-animate")
+import tailwindcssAnimate from 'tailwindcss-animate'
 
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   darkMode: ["class"],
   safelist: ["dark"],
   prefix: "",
-  
+
   theme: {
     container: {
       center: true,
@@ -82,5 +82,5 @@ module.exports = {
       },
     },
   },
-  plugins: [animate],
+  plugins: [tailwindcssAnimate],
 }
\ No newline at end of file