🚧 Work in progress

src/templates/layouts/Base.vue

@@ -21,15 +21,20 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
 import Navbar from '../../components/Navbar.vue'
 import Footer from '../../components/Footer.vue'
 
 let htmlStatut = ref(false)
-
 onMounted(() => {
   htmlStatut.value = document.documentElement.classList.contains('dark')
 })
 
+const route = useRoute()
+onMounted(() => $route.path, () => {
+  console.log('test')
+})
+
 function toggle () {
   const htmlRoot = document.documentElement as HTMLElement
   htmlRoot.classList.contains('dark')
@@ -50,4 +55,5 @@ html, body {
   font-family: 'Public Sans', sans-serif;
   scroll-behavior: smooth;
 }
+
 </style>

src/templates/modules/default/Home.vue

@@ -31,7 +31,8 @@
     <div class="px-5 sm:px-0 text-center md:max-w-3xl md:mx-auto md:px-12">
       <h2 class="text-gray-800 dark:text-gray-200 text-3xl sm:text-4xl font-title font-semibold md:text-6xl">All discord.js features in one place</h2>
       <p class="text-lg mt-8 text-gray-500 md:text-xl">
-        AdonisJS is not a minimalist framework. To give your projects a head start, we pack many baseline features within the core of the framework.
+        Discord Factory is a simple to use but powerful framework thanks to the In Memory compilation.
+        Take advantage of the power of typescript associated with the Discord.js library
       </p>
     </div>
     <div class="max-w-6xl mx-auto">

src/templates/modules/documentation/base/Structure.vue

@@ -117,6 +117,7 @@ import Documentation from '../../../../components/Documentation.vue'
 import CodeHighlight from '../../../../components/CodeHighlight.vue'
 import Divider from '../../../../components/Divider.vue'
 import LinkExternal from '../../../../components/LinkExternal.vue'
+import AlertInfo from '../../../../components/AlertInfo.vue'
 import AlertWarn from '../../../../components/AlertWarn.vue'
 
 const structure = `