diff --git a/resources/js/components/PedidoBody.vue b/resources/js/components/PedidoBody.vue
deleted file mode 100644
index d8e671d..0000000
--- a/resources/js/components/PedidoBody.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-    <div class="columns ml-3 mr-3">
-        <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 Chismosa from './Chismosa.vue';
-    import ProductosContainer from './ProductosContainer.vue';
-    import CategoriasContainer from './CategoriasContainer.vue';
-
-    export default {
-        componets: {
-            Chismosa,
-            ProductosContainer,
-            CategoriasContainer,
-        },
-        data() {
-            return {
-                chismosaActiva: false,
-            }
-        },
-        mounted() {
-            Event.$on('toggle-chismosa', (activa) => {
-                this.chismosaActiva = activa;
-            });
-        },
-    }
-</script>
diff --git a/resources/js/components/admin/FilaCaracteristica.vue b/resources/js/components/admin/FilaCaracteristica.vue
index 1e47a43..9d5654b 100644
--- a/resources/js/components/admin/FilaCaracteristica.vue
+++ b/resources/js/components/admin/FilaCaracteristica.vue
@@ -5,7 +5,7 @@ export default {
     props: {
         caracteristica: Object
     },
-    data: {
+    data() {
         gdc: undefined
     },
     watch: {
diff --git a/resources/js/components/pedidos/Body.vue b/resources/js/components/pedidos/Body.vue
new file mode 100644
index 0000000..c1fbd44
--- /dev/null
+++ b/resources/js/components/pedidos/Body.vue
@@ -0,0 +1,22 @@
+<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>
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                chismosaActiva: false,
+            }
+        },
+        mounted() {
+            Event.$on('toggle-chismosa', (activa) => {
+                this.chismosaActiva = activa;
+            });
+        },
+    }
+</script>
diff --git a/resources/js/components/pedidos/Chismosa.vue b/resources/js/components/pedidos/Chismosa.vue
index cd8d7f6..f24b2fa 100644
--- a/resources/js/components/pedidos/Chismosa.vue
+++ b/resources/js/components/pedidos/Chismosa.vue
@@ -34,7 +34,7 @@
                 </tr>
                 </tfoot>
                 <tbody>
-                <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
+                <pedidos-producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></pedidos-producto-row>
                 </tbody>
             </table>
             <p class="has-text-centered" v-show="!mostrar_tabla">
@@ -99,4 +99,4 @@
         max-height: 81vh;
         margin-right: 20px;
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/resources/js/components/Producto/ProductoCantidad.vue b/resources/js/components/pedidos/ProductoCantidad.vue
similarity index 100%
rename from resources/js/components/Producto/ProductoCantidad.vue
rename to resources/js/components/pedidos/ProductoCantidad.vue
diff --git a/resources/js/components/pedidos/ProductoCard.vue b/resources/js/components/pedidos/ProductoCard.vue
index 7f03510..320a9fd 100644
--- a/resources/js/components/pedidos/ProductoCard.vue
+++ b/resources/js/components/pedidos/ProductoCard.vue
@@ -1,11 +1,6 @@
 <script>
-import ProductoCantidad from './Producto/ProductoCantidad.vue';
-
 export default {
     name: "ProductoCard",
-    components: {
-        ProductoCantidad,
-    },
     props: {
         producto: Object
     },
@@ -73,7 +68,7 @@ export default {
             </div>
             <footer class="columns">
                 <div class="column is-three-quarters">
-                    <producto-cantidad :producto="producto"></producto-cantidad>
+                    <pedidos-producto-cantidad :producto="producto"></pedidos-producto-cantidad>
                 </div>
                 <div class="column">
                     <p class="subtitle is-7 is-hidden-mobile" v-if="enChismosa !== 0">{{ enChismosa }} en chismosa</p>
diff --git a/resources/js/components/pedidos/ProductoRow.vue b/resources/js/components/pedidos/ProductoRow.vue
index 8767667..5020d9c 100644
--- a/resources/js/components/pedidos/ProductoRow.vue
+++ b/resources/js/components/pedidos/ProductoRow.vue
@@ -2,18 +2,13 @@
 	<tr>
             <td>{{ this.producto.nombre }}</td>
             <td class="has-text-right">
-                <producto-cantidad :producto="producto"></producto-cantidad>
+                <pedidos-producto-cantidad :producto="producto"></pedidos-producto-cantidad>
             </td>
             <td class="has-text-right">{{ Math.ceil(this.producto.pivot.total) }}</td>
     </tr>
 </template>
 <script>
-    import ProductoCantidad from './Producto/ProductoCantidad.vue';
-	
     export default {
-        components: {
-            ProductoCantidad,
-        },
 		props: {
 	        producto: Object
 	    },
diff --git a/resources/js/components/pedidos/ProductosContainer.vue b/resources/js/components/pedidos/ProductosContainer.vue
index 4f08ee4..0979855 100644
--- a/resources/js/components/pedidos/ProductosContainer.vue
+++ b/resources/js/components/pedidos/ProductosContainer.vue
@@ -1,16 +1,14 @@
 <template>
 	<div v-show="visible" class="column">
       <div class="columns is-multiline is-mobile">
-        <producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
-        </producto-card><!-- END BLOCK COLUMN -->
+        <pedidos-producto-card v-for="(producto,i) in productos" :key="i" :producto="producto">
+        </pedidos-producto-card><!-- END BLOCK COLUMN -->
       </div><!-- END COLUMNS -->
     </div><!-- END CONTAINER -->
 </template>
 
 <script>
-import ProductoCard from "./ProductoCard.vue";
 export default {
-    components: {ProductoCard},
 	data() {
 	    return {
 	      productos: [],
diff --git a/resources/views/productos.blade.php b/resources/views/productos.blade.php
index d3877a4..3b90bcf 100644
--- a/resources/views/productos.blade.php
+++ b/resources/views/productos.blade.php
@@ -1,6 +1,6 @@
 @extends('layouts.app')
 
 @section('content')
-<pedido-body></pedido-body>
-<devoluciones-modal></devoluciones-modal>
+<pedidos-body></pedidos-body>
+<pedidos-devoluciones-modal></pedidos-devoluciones-modal>
 @endsection