diff --git a/resources/js/components/pedidos/Body.vue b/resources/js/components/pedidos/Body.vue
index c1fbd44..d0e2972 100644
--- a/resources/js/components/pedidos/Body.vue
+++ b/resources/js/components/pedidos/Body.vue
@@ -1,13 +1,19 @@
 <template>
     <div class="columns ml-3 mr-3">
-        <pedidos-categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></pedidos-categorias-container>
-        <pedidos-productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></pedidos-productos-container>
-        <pedidos-chismosa v-show="chismosaActiva"></pedidos-chismosa>
+        <categorias-container :class="chismosaActiva ? 'hide-below-1024' : ''"></categorias-container>
+        <productos-container :class="chismosaActiva ? 'hide-below-1024' : ''"></productos-container>
+        <chismosa v-show="chismosaActiva"></chismosa>
     </div>
 </template>
 
 <script>
+    import {mapActions} from "vuex";
+    import Chismosa from "./Chismosa.vue";
+    import ProductosContainer from "./ProductosContainer.vue";
+    import CategoriasContainer from "./CategoriasContainer.vue";
+
     export default {
+        components: {CategoriasContainer, ProductosContainer, Chismosa},
         data() {
             return {
                 chismosaActiva: false,
diff --git a/resources/js/components/pedidos/CategoriasContainer.vue b/resources/js/components/pedidos/CategoriasContainer.vue
index 62fd96b..e512cf2 100644
--- a/resources/js/components/pedidos/CategoriasContainer.vue
+++ b/resources/js/components/pedidos/CategoriasContainer.vue
@@ -18,6 +18,7 @@
 
 <script>
 	export default {
+        name: 'CategoriasContainer',
 		data() {
 		    return {
 		      categorias: null,
diff --git a/resources/js/components/pedidos/ProductosContainer.vue b/resources/js/components/pedidos/ProductosContainer.vue
index 3719d7d..67d807f 100644
--- a/resources/js/components/pedidos/ProductosContainer.vue
+++ b/resources/js/components/pedidos/ProductosContainer.vue
@@ -1,14 +1,18 @@
 <template>
 	<div v-show="visible" class="column">
       <div class="columns is-multiline is-mobile">
-        <pedidos-producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
-        </pedidos-producto-card><!-- END BLOCK COLUMN -->
+        <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
+        </producto-card><!-- END BLOCK COLUMN -->
       </div><!-- END COLUMNS -->
     </div><!-- END CONTAINER -->
 </template>
 
 <script>
+import ProductoCard from "./ProductoCard.vue";
+
 export default {
+    name: 'ProductosContainer',
+    components: {ProductoCard},
 	data() {
 	    return {
 	      productos: [],