✨ Work in progress

src/components/CtaSplitImage.vue

@@ -5,7 +5,7 @@
       <div class="lg:grid lg:grid-cols-12">
         <div class="relative z-10 lg:col-start-1 lg:row-start-1 lg:col-span-4 lg:py-16 lg:bg-transparent">
           <div class="max-w-md mx-auto px-4 sm:max-w-3xl sm:px-6 lg:max-w-none lg:p-0">
-            <div class=" bg-blue-900 rounded-xl aspect-w-10 aspect-h-6 sm:aspect-w-2 sm:aspect-h-1 lg:aspect-w-1.5">
+            <div class="bg-blue-900 rounded-xl aspect-w-10 aspect-h-6 sm:aspect-w-2 sm:aspect-h-1 lg:aspect-w-1.5">
               <img class="m-auto w-1/2 sm:h-1/2" src="../assets/discord-logo-white.svg" alt="Workflow" />
             </div>
           </div>

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

@@ -28,6 +28,7 @@
       </p>
       <CodeHighlight class="w-min" :code="file" />
     </div>
+
     <div class="space-y-5">
       <h2>Decorator options</h2>
       <p>
@@ -35,6 +36,14 @@
       </p>
       <CodeHighlight class="w-min" :code="decorator" />
     </div>
+
+    <div class="space-y-5">
+      <h2>Operation of the controls</h2>
+      <p>
+        Open a new terminal in your project and write the following command :
+      </p>
+      <img class="" src="../../../../assets/application-command.svg" alt="Workflow" />
+    </div>
   </Documentation>
 </template>
 

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

@@ -5,7 +5,6 @@
       The Discord Factory framework offers you the possibility to choose between 3 types of files :
     </p>
     <ul>
-      <li>• Env</li>
       <li>• Json</li>
       <li>• Yaml</li>
     </ul>
@@ -22,11 +21,6 @@
     <p>
       When you create a new project, you can choose between three types of environment :
     </p>
-
-    <div>
-      <h3>.env</h3>
-      <CodeHighlight :code="env" />
-    </div>
     <div>
       <h3>json</h3>
       <CodeHighlight :code="json" />
@@ -50,37 +44,6 @@ import LinkExternal from '../../../../components/LinkExternal.vue'
 import AlertWarn from '../../../../components/AlertWarn.vue'
 import AlertSuccess from '../../../../components/AlertSuccess.vue'
 import AlertInfo from '../../../../components/AlertInfo.vue'
-const env = `
-APP_PREFIX = "your prefix"
-APP_TOKEN = "your token"
-PRESET_COMMAND_AUTO_REMOVE = true
-
-PARTIAL_MESSAGE = true
-PARTIAL_CHANNEL = true
-PARTIAL_REACTION = true
-
-INTENT_GUILDS = true
-INTENT_GUILD_MEMBERS = true
-INTENT_GUILD_BANS = true
-INTENT_GUILD_EMOJIS_AND_STICKERS = true
-INTENT_GUILD_INTEGRATIONS = true
-INTENT_GUILD_WEBHOOKS = true
-INTENT_GUILD_INVITES = true
-INTENT_GUILD_VOICE_STATES = true
-INTENT_GUILD_PRESENCES = true
-INTENT_GUILD_MESSAGES = true
-INTENT_GUILD_MESSAGE_REACTIONS = true
-INTENT_GUILD_MESSAGE_TYPING = true
-INTENT_DIRECT_MESSAGES = true
-INTENT_DIRECT_MESSAGE_REACTIONS = true
-INTENT_DIRECT_MESSAGE_TYPING = true
-
-MESSAGE_COMMAND_MISSING_PERMISSION = "You're not authorized to execute this command"
-MESSAGE_COMMAND_MISSING_ROLES = "You're not authorized to execute this command"
-MESSAGE_ENVIRONMENT_FILE_PREFIX_MISSING = "The prefix is missing in the environment file."
-MESSAGE_ENVIRONMENT_FILE_TOKEN_MISSING = "The token is missing in the environment file."
-MESSAGE_ENVIRONMENT_FILE_MISSING = "Environment file is missing, please create one."
-`
 
 const json = `
 {

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

@@ -29,6 +29,14 @@
       </p>
       <CodeHighlight class="w-min" :code="file" />
     </div>
+
+    <div class="space-y-5">
+      <h2>Issuing of events</h2>
+      <p>
+        Open a new terminal in your project and write the following command :
+      </p>
+      <img class="" src="../../../../assets/application-lifecycle.svg" alt="Workflow" />
+    </div>
   </Documentation>
 </template>