From 9977f25f25f2a1ba383bd9bad7dec858637119d1 Mon Sep 17 00:00:00 2001
From: Inesh Bose <dev@inesh.xyz>
Date: Sun, 28 Apr 2024 12:16:42 +0100
Subject: [PATCH] docs: polish homepage and logo

---
 docs/app.config.ts                  |  16 ++++++--
 docs/components/AppFooter.vue       |   4 +-
 docs/components/AppHeader.vue       |  12 +++---
 docs/components/TailwindText.vue    |   8 ++++
 docs/components/TheLogo.vue         |  58 ++++------------------------
 docs/content/2.tailwind/2.viewer.md |  10 +++--
 docs/content/index.yml              |  25 ++++++------
 docs/pages/[...slug].vue            |   4 +-
 docs/public/favicon.ico             | Bin 4286 -> 9590 bytes
 docs/tailwind.config.ts             |   1 +
 10 files changed, 58 insertions(+), 80 deletions(-)
 create mode 100644 docs/components/TailwindText.vue

diff --git a/docs/app.config.ts b/docs/app.config.ts
index 56ca2fde..2f4a294b 100644
--- a/docs/app.config.ts
+++ b/docs/app.config.ts
@@ -10,6 +10,15 @@ export default defineAppConfig({
         wrapper: 'border-t border-gray-200 dark:border-gray-800',
       },
     },
+    content: {
+      prose: {
+        code: {
+          icon: {
+            'nuxt.config': 'vscode-icons:file-type-nuxt'
+          }
+        }
+      }
+    }
   },
   header: {
     logo: {
@@ -20,7 +29,6 @@ export default defineAppConfig({
         src: '',
       },
     },
-    pkgVersion,
     search: true,
     colorMode: true,
     links: [{
@@ -31,7 +39,7 @@ export default defineAppConfig({
     }],
   },
   footer: {
-    credits: 'Copyright © 2024',
+    pkgVersion,
     colorMode: false,
     links: [{
       'icon': 'i-simple-icons-nuxtdotjs',
@@ -67,12 +75,12 @@ export default defineAppConfig({
         target: '_blank',
       }, {
         icon: 'i-simple-icons-nuxtdotjs',
-        label: 'Nuxt docs',
+        label: 'Nuxt documentation',
         to: 'https://nuxt.com/docs',
         target: '_blank',
       }, {
         icon: 'i-simple-icons-tailwindcss',
-        label: 'Tailwind CSS docs',
+        label: 'Tailwind CSS',
         to: 'https://tailwindcss.com',
         target: '_blank',
       }],
diff --git a/docs/components/AppFooter.vue b/docs/components/AppFooter.vue
index 694ecbc4..74b6c79e 100644
--- a/docs/components/AppFooter.vue
+++ b/docs/components/AppFooter.vue
@@ -5,7 +5,9 @@ const { footer } = useAppConfig()
 <template>
   <UFooter>
     <template #left>
-      {{ footer.credits }}
+      <span class="text-sm text-gray-500 dark:text-gray-400">
+        © 2024 | <NuxtLink to="https://github.com/nuxt-modules/tailwindcss/blob/main/LICENSE" target="_blank" class="text-gray-900 dark:text-white">MIT License</NuxtLink> | v{{ footer.pkgVersion }}
+      </span>
     </template>
 
     <template #right>
diff --git a/docs/components/AppHeader.vue b/docs/components/AppHeader.vue
index 872a3a50..b1c6263e 100644
--- a/docs/components/AppHeader.vue
+++ b/docs/components/AppHeader.vue
@@ -7,16 +7,14 @@ const { header } = useAppConfig()
 </script>
 
 <template>
-  <UHeader>
+  <UHeader :ui="{ logo: 'items-center' }">
     <template #logo>
-      <TheLogo class="h-6" />
-      <span class="text-xs font-thin">v{{ header.pkgVersion }}</span>
+      <TheLogo class="h-12" />
+      <span>Nuxt</span>
+      <TailwindText class="h-3.5" />
     </template>
 
-    <template
-      v-if="header?.search"
-      #center
-    >
+    <template v-if="header?.search" #center>
       <UContentSearchButton class="hidden lg:flex" />
     </template>
 
diff --git a/docs/components/TailwindText.vue b/docs/components/TailwindText.vue
new file mode 100644
index 00000000..ec338a60
--- /dev/null
+++ b/docs/components/TailwindText.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 377.44 55.32">
+    <path
+      fill="#38bdf8"
+      d="M24.12,24.87H14.89V42.73c0,4.77,3.13,4.69,9.23,4.4v7.22C11.76,55.84,6.85,52.41,6.85,42.73V24.87H0V17.12H6.85v-10l8-2.38V17.12h9.23Zm35.19-7.75h8V54.35h-8V49c-2.83,3.94-7.22,6.33-13,6.33-10.12,0-18.53-8.57-18.53-19.58s8.41-19.58,18.54-19.58c5.8,0,10.2,2.38,13,6.25ZM47.55,47.65A11.5,11.5,0,0,0,59.31,35.74,11.5,11.5,0,0,0,47.55,23.83,11.5,11.5,0,0,0,35.79,35.74,11.5,11.5,0,0,0,47.55,47.65ZM80.76,11.54A5.2,5.2,0,0,1,75.62,6.4a5.14,5.14,0,1,1,10.27,0A5.19,5.19,0,0,1,80.76,11.54Zm-4,42.81V17.12h8V54.35Zm17.34,0V0h8V54.35Zm60.23-37.23h8.49L151.11,54.35h-7.89l-7.75-25.09-7.81,25.09h-7.89L108.08,17.12h8.49l7.22,25.69,7.81-25.69h7.67L147,42.81Zm18.47-5.58a5.2,5.2,0,0,1-5.14-5.14,5.14,5.14,0,1,1,10.27,0A5.19,5.19,0,0,1,172.78,11.54Zm-4,42.81V17.12h8V54.35Zm36.92-38.2c8.34,0,14.3,5.66,14.3,15.34V54.35h-8v-22c0-5.66-3.28-8.63-8.34-8.63-5.29,0-9.46,3.12-9.46,10.72v20h-8V17.12h8v4.77c2.46-3.87,6.48-5.74,11.54-5.74ZM258.1,2.23h8V54.35h-8V49c-2.83,3.94-7.23,6.33-13,6.33-10.13,0-18.54-8.57-18.54-19.58s8.41-19.58,18.54-19.58c5.8,0,10.2,2.38,13,6.25ZM246.33,47.65a11.5,11.5,0,0,0,11.76-11.91,11.76,11.76,0,1,0-23.52,0A11.5,11.5,0,0,0,246.33,47.65Zm46.76,7.67a19.26,19.26,0,0,1-19.66-19.58,19.2,19.2,0,0,1,19.66-19.58,18.39,18.39,0,0,1,16.6,9.6l-6.93,4c-1.63-3.5-5.28-5.73-9.75-5.73a11.36,11.36,0,0,0-11.54,11.69A11.35,11.35,0,0,0,293,47.42a10.9,10.9,0,0,0,9.9-5.73l6.93,4a18.73,18.73,0,0,1-16.75,9.68Zm30-27.92c0,6.77,20,2.68,20,16.45,0,7.45-6.48,11.47-14.52,11.47-7.45,0-12.81-3.35-15.19-8.71l6.92-4c1.2,3.35,4.17,5.36,8.27,5.36,3.57,0,6.33-1.19,6.33-4.17,0-6.63-20-2.91-20-16.23,0-7,6-11.39,13.62-11.39,6.11,0,11.17,2.83,13.78,7.74l-6.78,3.8a7.25,7.25,0,0,0-7-4.25c-2.9,0-5.43,1.27-5.43,3.95Zm34.32,0c0,6.77,20,2.68,20,16.45,0,7.45-6.48,11.47-14.52,11.47-7.45,0-12.81-3.35-15.19-8.71l6.92-4c1.2,3.35,4.17,5.36,8.27,5.36,3.57,0,6.33-1.19,6.33-4.17,0-6.63-20-2.91-20-16.23,0-7,6-11.39,13.62-11.39C369,16.16,374,19,376.62,23.9l-6.78,3.8a7.24,7.24,0,0,0-7-4.25c-2.91,0-5.44,1.27-5.44,3.95Z"
+    />
+  </svg>
+</template>
diff --git a/docs/components/TheLogo.vue b/docs/components/TheLogo.vue
index 10b1970c..268f319b 100644
--- a/docs/components/TheLogo.vue
+++ b/docs/components/TheLogo.vue
@@ -1,60 +1,16 @@
 <template>
-  <svg
-    viewBox="0 0 1565 201"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512">
     <path
-      d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z"
-      fill="currentColor"
+      d="M281.4 397.7h156.9c5 0 9.8-1.8 14.1-4.2 4.3-2.5 8.8-5.6 11.3-9.9 2.5-4.3 4.2-9.2 4.2-14.1 0-5-1.7-9.8-4.2-14.1l-106-182.3c-2.5-4.3-5.6-7.4-9.9-9.9-4.3-2.5-10.5-4.2-15.5-4.2s-9.8 1.8-14.1 4.2c-4.3 2.5-7.4 5.6-9.9 9.9l-26.9 46.6-53.7-90.5c-2.5-4.3-5.6-8.8-9.9-11.3-4.3-2.5-9.1-2.8-14.1-2.8s-9.8.3-14.1 2.8c-4.3 2.5-8.8 7-11.3 11.3L46.8 355.3c-2.5 4.3-2.8 9.2-2.8 14.1 0 5 .3 9.8 2.8 14.1 2.5 4.3 7 7.4 11.3 9.9 4.3 2.5 9.1 4.2 14.1 4.2h98.9c39.2 0 67.7-17.6 87.6-50.9l48.1-83.4 25.4-43.8 77.7 132.9h-103l-25.5 45.3zm-111.6-45.3h-69.3l103.2-178.1 52.3 89-34.6 60.4c-13.2 21.7-28.3 28.7-51.6 28.7z"
+      style="fill: #00dc82"
     />
     <path
-      d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z"
-      fill="currentColor"
+      d="M315.8 141c-44.3 0-71.9 21.3-83 63.8 16.6-21.3 36-29.2 58.1-23.9 12.6 3 21.7 11.8 31.6 21.6 16.3 15.9 35.1 34.3 76.3 34.3 44.3 0 71.9-21.3 83-63.8-16.6 21.3-36 29.2-58.1 23.9-12.6-3-21.7-11.8-31.6-21.6-16.3-15.9-35.1-34.3-76.3-34.3zm-83 95.7c-44.3 0-71.9 21.3-83 63.8 16.6-21.3 36-29.2 58.1-23.9 12.6 3 21.7 11.8 31.6 21.6 16.3 15.9 35.1 34.3 76.3 34.3 44.3 0 71.9-21.3 83-63.8-16.6 21.3-36 29.2-58.1 23.9-12.6-3-21.7-11.8-31.6-21.6-16.3-15.9-35.1-34.3-76.3-34.3z"
+      style="fill: #38bdf8"
     />
     <path
-      d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z"
-      fill="currentColor"
-    />
-    <path
-      d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z"
-      fill="currentColor"
-    />
-    <path
-      d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M911.345 199.402H881.368V85.3584H840V59.5937H952.714V85.3584H911.345V199.402Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M983.649 97.1423C992.043 97.1423 999.571 98.7401 1006.23 101.936C1012.89 104.998 1018.09 109.392 1021.82 115.118C1025.68 120.71 1027.62 127.234 1027.62 134.691V199.402H1000.04V185.421C998.305 190.082 994.841 193.876 989.645 196.806C984.582 199.602 978.587 201 971.659 201C965.264 201 959.535 199.735 954.472 197.205C949.542 194.542 945.679 190.947 942.881 186.42C940.083 181.76 938.684 176.567 938.684 170.841C938.684 160.988 942.015 153.265 948.676 147.673C955.471 141.948 964.398 139.085 975.456 139.085H992.443C994.841 139.085 996.706 138.419 998.038 137.088C999.371 135.623 1000.04 133.825 1000.04 131.695C1000.04 127.434 998.438 124.039 995.241 121.509C992.043 118.846 987.646 117.514 982.051 117.514C976.322 117.514 971.792 119.046 968.461 122.108C965.264 125.171 963.532 128.965 963.265 133.492H938.484C938.884 126.702 940.949 120.577 944.679 115.118C948.41 109.525 953.606 105.131 960.267 101.936C966.929 98.7401 974.723 97.1423 983.649 97.1423ZM978.653 180.828C985.315 180.828 990.511 178.697 994.241 174.436C998.105 170.176 1000.04 164.716 1000.04 158.059V156.661H979.653C975.389 156.661 971.925 157.859 969.26 160.256C966.596 162.653 965.264 165.782 965.264 169.643C965.264 172.972 966.529 175.701 969.061 177.832C971.592 179.829 974.79 180.828 978.653 180.828Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1074.66 199.402H1046.68V98.7401H1074.66V199.402ZM1045.88 84.3598V55H1075.46V84.3598H1045.88Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1124.46 199.402H1096.68V55H1124.46V199.402Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1195.37 199.402H1171.19L1138.42 98.7401H1166.4L1183.38 160.855L1201.17 98.7401H1226.55L1244.54 160.855L1261.52 98.7401H1289.3L1256.73 199.402H1232.35L1213.96 136.688L1195.37 199.402Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1329.74 199.402H1301.76V98.7401H1329.74V199.402ZM1300.96 84.3598V55H1330.54V84.3598H1300.96Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1350.16 199.402V98.7401H1378.14V112.721C1380.94 107.794 1385 104 1390.33 101.337C1395.66 98.5404 1401.79 97.1423 1408.72 97.1423C1416.18 97.1423 1422.71 98.8067 1428.3 102.135C1434.03 105.464 1438.43 110.124 1441.49 116.116C1444.69 122.108 1446.29 128.965 1446.29 136.688V199.402H1418.31V142.88C1418.31 136.755 1416.51 131.762 1412.91 127.9C1409.32 123.906 1404.65 121.908 1398.93 121.908C1392.8 121.908 1387.8 124.039 1383.94 128.3C1380.07 132.427 1378.14 137.753 1378.14 144.278V199.402H1350.16Z"
-      fill="#00DC82"
-    />
-    <path
-      d="M1509.64 201C1499.92 201 1491.39 198.87 1484.06 194.609C1476.87 190.348 1471.27 184.29 1467.27 176.434C1463.41 168.578 1461.48 159.457 1461.48 149.071C1461.48 138.685 1463.41 129.565 1467.27 121.709C1471.27 113.853 1476.87 107.794 1484.06 103.534C1491.26 99.2727 1499.65 97.1423 1509.24 97.1423C1515.37 97.1423 1520.83 98.2741 1525.63 100.538C1530.43 102.668 1534.29 105.597 1537.22 109.326V55H1565V199.402H1537.22V188.417C1534.42 192.279 1530.56 195.341 1525.63 197.605C1520.7 199.868 1515.37 201 1509.64 201ZM1514.24 177.033C1521.57 177.033 1527.5 174.503 1532.03 169.443C1536.56 164.25 1538.82 157.46 1538.82 149.071C1538.82 140.549 1536.56 133.759 1532.03 128.699C1527.63 123.506 1521.7 120.91 1514.24 120.91C1506.78 120.91 1500.78 123.506 1496.25 128.699C1491.86 133.759 1489.66 140.549 1489.66 149.071C1489.66 157.46 1491.92 164.25 1496.45 169.443C1500.98 174.503 1506.91 177.033 1514.24 177.033Z"
-      fill="#00DC82"
+      d="M221.4 323.8c39.2 0 17.6 56.3 37.5 23l48.1-83.4 25.4-43.8 77.7 132.9H306.9l-25.4 45.2h156.9c5 0 9.8-1.8 14.1-4.2 4.3-2.5 8.8-5.6 11.3-9.9 2.5-4.3 4.2-9.2 4.2-14.1 0-5-1.7-9.8-4.2-14.1l-106-182.3c-2.5-4.3-5.6-7.4-9.9-9.9-4.3-2.5-10.5-4.2-15.5-4.2s-9.8 1.8-14.1 4.2c-4.3 2.5-7.4 5.6-9.9 9.9l-26.9 46.6M256 263.4l-34.6 60.4"
+      style="fill: #00dc82"
     />
   </svg>
 </template>
diff --git a/docs/content/2.tailwind/2.viewer.md b/docs/content/2.tailwind/2.viewer.md
index 8138a918..e0705052 100644
--- a/docs/content/2.tailwind/2.viewer.md
+++ b/docs/content/2.tailwind/2.viewer.md
@@ -3,7 +3,7 @@ title: Viewer
 description: Visualize your Tailwind configuration with the viewer.
 ---
 
-By default, the module will expose a `/_tailwind/` route in development, so that you can quickly visualize your Tailwind configuration with easy copy-pasting (thanks to the awesome [tailwind-config-viewer](https://github.com/rogden/tailwind-config-viewer) package ✨).
+By default, the module will expose a route in development and in [Nuxt DevTools](https://devtools.nuxt.com/), so that you can visualize your Tailwind configuration, with the help of [`tailwind-config-viewer`](https://github.com/rogden/tailwind-config-viewer) ✨
 
 The viewer is available starting from version  `v3.4.0` of `@nuxtjs/tailwindcss`.
 
@@ -13,8 +13,10 @@ The viewer is available starting from version  `v3.4.0` of `@nuxtjs/tailwindcss`
   <source src="https://res.cloudinary.com/nuxt/video/upload/q_auto/v1608225750/nuxt-tailwind-viewer_ktowjm.ogv" type="video/ogg" />
 </video>
 
-When enabled, you will see the Tailwind viewer url in your terminal:
+When enabled, you will see the Tailwind Viewer URL in your terminal:
 
-<img src="/tailwind-viewer.png" width="530" height="246" style="margin: 0;" />
+```bash
+> Tailwind Viewer: http://localhost:3000/_tailwind/
+```
 
-Check out the [viewer option](/getting-started/configuration#viewer) to disable the viewer in development.
+Check out the [`viewer`](/getting-started/configuration#viewer) configuration options to disable the viewer or for further customisations.
diff --git a/docs/content/index.yml b/docs/content/index.yml
index 0963604c..80b255ff 100644
--- a/docs/content/index.yml
+++ b/docs/content/index.yml
@@ -1,9 +1,9 @@
-title: 'Add Tailwind CSS to your Nuxt Applications.'
-description: 'Welcome to Nuxt UI Pro documentation template.'
+title: 'Tailwind CSS for Nuxt'
+description: 'Add Tailwind CSS to your Nuxt Applications.'
 navigation: false
 hero:
-  title: 'Add TailwindCSS to your [Nuxt Apps]{.text-primary}.'
-  description: 'Welcome to the Nuxt TailwindCSS module documentation to help you set up Tailwind CSS in your Nuxt application in seconds, with many goodies 🍬.'
+  title: '[Tailwind CSS]{.text-nowrap .text-tailwind} for your [Nuxt Apps]{.text-primary}.'
+  description: 'The Tailwind CSS module for Nuxt enables you to set up Tailwind CSS in your Nuxt application in seconds, with many goodies 🍬'
   orientation: horizontal
   links:
     - label: 'Get started'
@@ -17,7 +17,10 @@ hero:
       target: '_blank'
       size: lg
   code: |
-    ```ts [nuxt.config.ts]
+    ```bash
+    npx nuxi@latest module add tailwindcss
+    ```
+    ```ts [nuxt.config]
     export default defineNuxtConfig({
       modules: ['@nuxtjs/tailwindcss'],
       tailwindcss: {
@@ -31,21 +34,21 @@ features:
   title: 'Shipped with many features.'
   items:
     - title: 'Zero Configuration'
-      description: 'This module enables a quick and easy setup of Tailwind CSS in your Nuxt application.'
+      description: 'Enables using Tailwind CSS after simply installing, with support for Nuxt Layers.'
       to: '/getting-started/installation'
     - title: 'CSS Nesting'
       description: 'Supports CSS Nesting with postcss-nesting to use the latest CSS syntax.'
       to: 'https://drafts.csswg.org/css-nesting-1/'
       target: '_blank'
-    - title: 'Tailwind Viewer'
-      description: 'Discover your tailwind config visually with the viewer as well as the Nuxt Devtools integration.'
+    - title: 'Config Viewer'
+      description: 'Discover your configuration visually with the viewer as well as the Nuxt DevTools integration.'
       to: /tailwind/viewer
-    - title: 'Tailwind Config'
-      description: 'Reference your Tailwind config in your application using the #tailwind-config alias, supporting tree-shaking.'
+    - title: 'Referencing Config'
+      description: 'Reference your Tailwind configuration in your app with tree-shaking.'
       to: '/tailwind/config#referencing-in-the-application'
       target: '_blank'
     - title: 'Extendable'
-      description: 'The module supports the ability to extend the Tailwind config from Nuxt modules or layers.'
+      description: 'Allows other modules to extend the configuration using hooks.'
       to: '/tailwind/config#hooks'
     - title: 'Open Source'
       description: 'Boasting over 85+ contributors and over 500k+ monthly downloads.'
diff --git a/docs/pages/[...slug].vue b/docs/pages/[...slug].vue
index 100be9fa..2334e9a2 100644
--- a/docs/pages/[...slug].vue
+++ b/docs/pages/[...slug].vue
@@ -20,9 +20,9 @@ const { data: surround } = await useAsyncData(`${route.path}-surround`, () => qu
 )
 
 useSeoMeta({
-  titleTemplate: '%s - Nuxt Tailwind',
+  titleTemplate: '%s - Tailwind CSS module for Nuxt',
   title: page.value.title,
-  ogTitle: `${page.value.title} - Nuxt Tailwind`,
+  ogTitle: `${page.value.title} - Tailwind CSS module for Nuxt`,
   description: page.value.description,
   ogDescription: page.value.description,
 })
diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..e1d3f49e73f54c949ce26d8733e152c6a9f7c65e 100644
GIT binary patch
literal 9590
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

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e

diff --git a/docs/tailwind.config.ts b/docs/tailwind.config.ts
index 8f38029c..a7a6a9d2 100644
--- a/docs/tailwind.config.ts
+++ b/docs/tailwind.config.ts
@@ -21,6 +21,7 @@ export default <Partial<Config>>{
           900: '#0A5331',
           950: '#052e16',
         },
+        tailwind: '#38bdf8'
       },
     },
   },