feat: integrate Tailwind CSS and update layout to include Contributors section

Author: ILDaviz

docs/.vitepress/config.mts

@@ -87,7 +87,7 @@ export default defineConfig({
     ],
     footer: {
       message: 'Made with ❤️',
-      copyright: 'Copyright © 2024-present Saeed Vaziry'
+      copyright: 'Copyright © 2024-present Saeed Vaziry and TweakPHP contributors',
     }
   }
 })

docs/.vitepress/theme/MyLayout.vue

@@ -0,0 +1,19 @@
+<script setup>
+import DefaultTheme from 'vitepress/theme'
+import Contributors from "./components/Contributors.vue";
+
+const { Layout } = DefaultTheme
+</script>
+
+<template>
+  <Layout>
+    <template #home-features-after>
+      <div
+        class="flex flex-col justify-center items-center w-full mt-10"
+      >
+        <h3 class="text-4xl! font-semibold! text-center mb-4">Contributors</h3>
+        <Contributors />
+      </div>
+    </template>
+  </Layout>
+</template>

docs/.vitepress/theme/index.js

@@ -3,14 +3,11 @@ import {h} from 'vue'
 import Theme from 'vitepress/theme'
 import Contributors from './components/Contributors.vue'
 import './style.css'
+import MyLayout from "./MyLayout.vue";
 
 export default {
     extends: Theme,
-    Layout: () => {
-        return h(Theme.Layout, null, {
-            // https://vitepress.dev/guide/extending-default-theme#layout-slots
-        })
-    },
+    Layout: MyLayout,
     enhanceApp({app, router, siteData}) {
         // app.component('Component', Component)
         app.component('Contributors', Contributors)

docs/.vitepress/theme/style.css

@@ -1,3 +1,5 @@
+@import "tailwindcss";
+
 :root {
   --vp-c-brand-1: #be185d;
   --vp-c-brand-2: #db2777;