From 20d5e8cbfc6837f0a4fc7666653e6106deac6c72 Mon Sep 17 00:00:00 2001
From: Rodrigo <freakrho@gmail.com>
Date: Wed, 31 Aug 2022 21:09:52 -0300
Subject: [PATCH] TabMenu vue

---
 resources/js/components/TabMenu.vue | 38 +++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 resources/js/components/TabMenu.vue

diff --git a/resources/js/components/TabMenu.vue b/resources/js/components/TabMenu.vue
new file mode 100644
index 0000000..cc5fa45
--- /dev/null
+++ b/resources/js/components/TabMenu.vue
@@ -0,0 +1,38 @@
+<template>
+    <div>
+        <div class="tabs is-centered">
+            <ul>
+                <li v-for="(tab, index) in tabs" :class="{ 'is-active': selected == index }">
+                    <a @click="select(index)">
+                        <span>{{ names[index] }}</span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <div v-for="(tab, index) in tabs" v-show="selected == index">
+            <slot :name="tab"></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                selected: 0,
+            }
+        },
+        mounted() {
+            select(0)
+        },
+        methods: {
+            select(index) {
+                this.selected = index
+            }
+        },
+        props: {
+            'tabs': Array,
+            'names': Array,
+        },
+    }
+</script>
\ No newline at end of file