resources/js/components/admin/Body.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
-        <admin-tabs-secciones></admin-tabs-secciones>
+        <admin-tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></admin-tabs-secciones>
         <div class="block" id="pedidos-seccion"
             :class="seccionActiva === 'pedidos-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block pb-6" id="pedidos-tabla-y-dropdown" v-show="hayPedidos">
@@ -52,6 +52,9 @@ export default {
             pedidos: [],
             bonosDeTransporte: 0,
             totalBonosBarriales: 0,
+            tabs: [{ id: "pedidos", nombre: "Pedidos" },
+                   { id: "bonos", nombre: "Bonos" },
+                   { id: "caracteristicas", nombre: "Caracteristicas opcionales" }],
             tabActiva: "pedidos",
             seccionActiva: "pedidos-seccion",
         }

resources/js/components/admin/TabsSecciones.vue

@@ -19,23 +19,13 @@
 
 <script>
 export default {
+    props: {
+      tabs: Array,
+      tabInicial: String,
+    },
     data() {
         return {
-            tabActiva: "pedidos",
-            tabs: [
-                {
-                    id: "pedidos",
-                    nombre: "Pedidos"
-                },
-                {
-                    id: "bonos",
-                    nombre: "Bonos"
-                },
-                {
-                    id: "caracteristicas",
-                    nombre: "Caracteristicas opcionales"
-                }
-            ]
+            tabActiva: this.tabInicial,
         }
     },
     methods: {