Add User management features to front-end

resources/js/layouts/AdminTabs.vue

@@ -0,0 +1,35 @@
+<script setup>
+    const tabs = ref([
+        {
+            'name' : 'admin.app_setup',
+            'view' : 'admin.appSetup',
+            'id'   : 'lnkTabApp'
+        },
+        {
+            'name' : 'admin.users',
+            'view' : 'admin.users',
+            'id'   : 'lnkTabUsers'
+        },
+    ])
+
+    const props = defineProps({
+        activeTab: {
+            type: String,
+            default: ''
+        },
+    })
+</script>
+
+<template>
+    <div class="options-header">
+        <ResponsiveWidthWrapper>
+            <div class="tabs is-centered is-fullwidth">
+                <ul>
+                    <li v-for="tab in tabs" :key="tab.view" :class="{ 'is-active': tab.view === props.activeTab }">
+                        <RouterLink :id="tab.id" :to="{ name: tab.view }">{{ $t(tab.name) }}</RouterLink>
+                    </li>
+                </ul>
+            </div>
+        </ResponsiveWidthWrapper>
+    </div>
+</template>