init

frontend/src/pages/admin/dashboard.vue

@@ -1,11 +1,39 @@
 <script lang="ts" setup>
+import {ref} from 'vue'
+import ServerPermissionEditor from '@/components/permissions/ServerPermissionEditor.vue'
+import ChannelPermissionEditor from '@/components/permissions/ChannelPermissionEditor.vue'
+import {
+  type ChannelPermissionMask,
+  type ServerPermissionMask,
+  toChannelPermissionMask,
+  toServerPermissionMask,
+} from '@/types/permissions'
 
+const serverPermissions = ref<ServerPermissionMask>(
+  toServerPermissionMask(0),
+)
+
+const channelPermissions = ref<ChannelPermissionMask>(
+  toChannelPermissionMask(0),
+)
 </script>
 
 <template>
+  <v-container>
+    <v-row>
+      <v-col cols="12" md="6">
+        <ServerPermissionEditor
+          v-model="serverPermissions"
+          title="Test des permissions serveur"
+        />
+      </v-col>
 
-</template>
-
-<style scoped>
-
-</style>
+      <v-col cols="12" md="6">
+        <ChannelPermissionEditor
+          v-model="channelPermissions"
+          title="Test des permissions canal"
+        />
+      </v-col>
+    </v-row>
+  </v-container>
+</template>

frontend/src/pages/index.vue

@@ -1,7 +1,9 @@
-<template>
-  <HelloWorld />
-</template>
-
 <script lang="ts" setup>
-  import HelloWorld from '@/components/HelloWorld.vue'
 </script>
+
+
+<template>
+  <div>
+    Hello
+  </div>
+</template>