From cb54fb11131218373e6c4d26aca1a2c3e49be91a Mon Sep 17 00:00:00 2001
From: Freeze455 <baptiste.parmantier.pro@gmail.com>
Date: Tue, 17 Aug 2021 21:30:01 +0200
Subject: [PATCH] :pencil: Write event docs

---
 src/templates/modules/documentation/Routes.ts |  2 +
 .../modules/documentation/base/Event.vue      | 51 +++++++++++++++++++
 src/utils/Navigation.ts                       |  1 +
 3 files changed, 54 insertions(+)
 create mode 100644 src/templates/modules/documentation/base/Event.vue

diff --git a/src/templates/modules/documentation/Routes.ts b/src/templates/modules/documentation/Routes.ts
index ec44069..fc1477e 100644
--- a/src/templates/modules/documentation/Routes.ts
+++ b/src/templates/modules/documentation/Routes.ts
@@ -4,6 +4,7 @@ import Starting from './base/Starting.vue'
 import Environment from './base/Environment.vue'
 import Structure from './base/Structure.vue'
 import Command from './base/Command.vue'
+import Event from './base/Event.vue'
 
 const routes: RouteRecordRaw[] = [
   { path: '/documentation/getting-started', component: GettingStarted },
@@ -11,6 +12,7 @@ const routes: RouteRecordRaw[] = [
   { path: '/documentation/environment', component: Environment },
   { path: '/documentation/structure', component: Structure },
   { path: '/documentation/commands', component: Command },
+  { path: '/documentation/events', component: Event },
 ]
 
 export default routes
\ No newline at end of file
diff --git a/src/templates/modules/documentation/base/Event.vue b/src/templates/modules/documentation/base/Event.vue
new file mode 100644
index 0000000..5caf46a
--- /dev/null
+++ b/src/templates/modules/documentation/base/Event.vue
@@ -0,0 +1,51 @@
+<template>
+  <Documentation title="Events">
+    <p>
+      The design of a discord bot spends most of the time developing commands.
+      The purpose of these commands is to execute certain actions by the moderation or the community. Creating an event with the framework is very simple.
+    </p>
+
+    <div class="space-y-5">
+      <h2>Create new command from CLI</h2>
+      <p>
+        Open a new terminal in your project and write the following command :
+      </p>
+      <CodeHighlight class="w-min" code="$ factory make:file" />
+      <AlertInfo>
+        <template v-slot:label>
+          Info
+        </template>
+        <template v-slot:message>
+          Choose to create a command and then answer the questions you will be asked. It is important to note that when you define the file name, you can "place" the file in folders by specifying a path directory in addition to the file name as in the following example :
+        </template>
+      </AlertInfo>
+    </div>
+
+    <div class="space-y-5">
+      <h2>Default command file</h2>
+      <p>
+        A file will be created in the specified location otherwise in the root of your project with the following structure :
+      </p>
+      <CodeHighlight class="w-min" :code="file" />
+    </div>
+  </Documentation>
+</template>
+
+<script setup lang="ts">
+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'
+const file = `
+import { Event, BaseEvent } from '@discord-factory/core'
+import { GuildMember } from 'discord.js'
+
+@Event('guildMemberAdd')
+export default class FooEvent implements BaseEvent {
+  public async run(member: GuildMember): Promise<void> {
+    // Please go to the documentation in order to know the parameters you can use
+    // Your code here
+  }
+}`
+</script>
diff --git a/src/utils/Navigation.ts b/src/utils/Navigation.ts
index 4c10cd2..9244b7f 100644
--- a/src/utils/Navigation.ts
+++ b/src/utils/Navigation.ts
@@ -23,6 +23,7 @@ export const documentation = [
       { label: 'Environment', href: '/documentation/environment', isMenu: false },
       { label: 'Structure', href: '/documentation/structure', isMenu: false },
       { label: 'Commands', href: '/documentation/commands', isMenu: false },
+      { label: 'Events', href: '/documentation/events', isMenu: false },
     ]
   },
 ]