docs: refactor HooksTable to separate component

feathersjs-ecosystem · Jan 17, 2024 · 2a1d2a1 · 2a1d2a1
1 parent 26f8649
commit 2a1d2a1
Show file tree

Hide file tree

Showing 3 changed files with 84 additions and 127 deletions.
diff --git a/docs/components/HookTable.vue b/docs/components/HookTable.vue
@@ -0,0 +1,37 @@
+<template>
+<table>
+  <thead>
+    <tr>
+      <th>before</th>
+      <th>after</th>
+      <th>methods</th>
+      <th>multi</th>
+      <th>details</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{ before ? 'yes' : 'no' }}</td>
+      <td>{{ after ? 'yes' : 'no' }}</td>
+      <td>{{ methods.join(", ") }}</td>
+      <td>{{ typeof multi === 'boolean' ? multi ? 'yes' : 'no' : multi }}</td>
+      <td><a :href="source" target="_blank">source</a></td>
+    </tr>
+  </tbody>
+</table>
+</template>
+
+<script setup lang="ts">
+
+
+const props = defineProps<{
+  before: boolean;
+  after: boolean;
+  methods: string[];
+  multi: boolean | string;
+  source: string;
+}>();
+</script>
+
+<script lang="ts">
+</script>