diff --git a/resources/js/components/pedidos/Body.vue b/resources/js/components/pedidos/Body.vue
index 7e85e18..3a38318 100644
--- a/resources/js/components/pedidos/Body.vue
+++ b/resources/js/components/pedidos/Body.vue
@@ -1,41 +1,20 @@
 <template>
     <div id="pedidos-body" class="pb-6 mb-6">
         <pedido-select v-if="!pedidoDefinido"/>
-        <div v-else>
-            <nav-migas/>
-            <div class="columns">
-                <div class="column" :class="{ 'is-two-thirds-desktop is-hidden-touch': show_chismosa }">
-                    <cartel-pedido-aprobado/>
-                    <canasta/>
-                </div>
-                <div class="column is-full-touch" v-if="show_chismosa">
-                    <chismosa/>
-                </div>
-            </div>
-        </div>
+        <pedidos-main v-else/>
     </div>
 </template>
 
 <script>
-import { mapActions, mapGetters, mapState } from "vuex";
-import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
+import { mapGetters } from "vuex";
 import PedidoSelect from "./PedidoSelect.vue";
-import Canasta from "./Canasta.vue";
-import NavMigas from "./NavMigas.vue";
-import Chismosa from "./Chismosa.vue";
+import PedidosMain from "./PedidosMain.vue";
 
 export default {
     name: "PedidosBody",
-    components: { Chismosa, NavMigas, CartelPedidoAprobado, PedidoSelect, Canasta },
+    components: { PedidosMain, PedidoSelect },
     computed: {
         ...mapGetters('pedido', ["pedidoDefinido"]),
-        ...mapState('ui', ["show_chismosa"]),
     },
-    methods: {
-        ...mapActions('productos', ["init"]),
-    },
-    async mounted() {
-        await this.init();
-    }
 }
 </script>
diff --git a/resources/js/components/pedidos/PedidosMain.vue b/resources/js/components/pedidos/PedidosMain.vue
new file mode 100644
index 0000000..3f31a55
--- /dev/null
+++ b/resources/js/components/pedidos/PedidosMain.vue
@@ -0,0 +1,41 @@
+<script>
+import { defineComponent } from "vue";
+import Canasta from "./Canasta.vue";
+import Chismosa from "./Chismosa.vue";
+import CartelPedidoAprobado from "./CartelPedidoAprobado.vue";
+import NavMigas from "./NavMigas.vue";
+import { mapActions, mapState } from "vuex";
+
+export default defineComponent({
+    name: "PedidosMain",
+    components: { NavMigas, CartelPedidoAprobado, Chismosa, Canasta },
+    computed: {
+        ...mapState('ui', ["show_chismosa"]),
+    },
+    methods: {
+        ...mapActions('productos', ["init"]),
+    },
+    async mounted() {
+        await this.init();
+    }
+})
+</script>
+
+<template>
+    <div>
+        <nav-migas/>
+        <div class="columns">
+            <div class="column" :class="{ 'is-two-thirds-desktop is-hidden-touch': show_chismosa }">
+                <cartel-pedido-aprobado/>
+                <canasta/>
+            </div>
+            <div class="column is-full-touch" v-if="show_chismosa">
+                <chismosa/>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+
+</style>