diff --git a/resources/js/components/AppLogin.vue b/resources/js/components/AppLogin.vue
index 69b81db..ecedec1 100644
--- a/resources/js/components/AppLogin.vue
+++ b/resources/js/components/AppLogin.vue
@@ -16,9 +16,9 @@ export default {
 <template>
 <div id="login-form" :class="estilos.fondo">
     <section class="section">
-        <login-dropdown class="is-hidden-tablet"></login-dropdown>
-        <login-titulos></login-titulos>
-        <login-input></login-input>
+        <login-dropdown class="is-hidden-tablet"/>
+        <login-titulos/>
+        <login-input/>
     </section>
 </div>
 </template>
diff --git a/resources/js/components/AppMain.vue b/resources/js/components/AppMain.vue
index 0dd6eff..09780fc 100644
--- a/resources/js/components/AppMain.vue
+++ b/resources/js/components/AppMain.vue
@@ -22,11 +22,11 @@ export default {
 
 <template>
     <div id="app-main">
-        <nav-bar></nav-bar>
-        <pedidos-body v-if="rol === 'barrio'"></pedidos-body>
-        <admin-body v-if="rol === 'admin_barrio'"></admin-body>
-        <comisiones-body v-if="rol === 'comision'"></comisiones-body>
-        <info-tags></info-tags>
+        <nav-bar/>
+        <pedidos-body v-if="rol === 'barrio'"/>
+        <admin-body v-else-if="rol === 'admin_barrio'"/>
+        <comisiones-body v-else-if="rol === 'comision'"/>
+        <info-tags/>
     </div>
 </template>
 
diff --git a/resources/js/components/admin/Body.vue b/resources/js/components/admin/Body.vue
index 6b5110e..1f41a28 100644
--- a/resources/js/components/admin/Body.vue
+++ b/resources/js/components/admin/Body.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="block ml-3 mr-3 is-max-widescreen is-max-desktop">
-        <tabs-secciones :tabs="tabs" :tabInicial="tabActiva"></tabs-secciones>
+        <tabs-secciones :tabs="tabs" :tabInicial="tabActiva"/>
         <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-if="hayPedidos">
-                <dropdown-descargar></dropdown-descargar>
-                <tabla-pedidos></tabla-pedidos>
+                <dropdown-descargar/>
+                <tabla-pedidos/>
             </div>
             <p class="has-text-centered" v-else>
                 Todavía no hay ningún pedido para administrar.
@@ -13,7 +13,7 @@
         </div>
         <div class="block pb-6" id="caracteristicas-seccion"
              :class="seccionActiva === 'caracteristicas-seccion' ? 'is-active' : 'is-hidden'">
-            <caracteristicas-opcionales></caracteristicas-opcionales>
+            <caracteristicas-opcionales/>
         </div>
     </div>
 </template>
diff --git a/resources/js/components/admin/CaracteristicasOpcionales.vue b/resources/js/components/admin/CaracteristicasOpcionales.vue
index 26bd5f4..9339a20 100644
--- a/resources/js/components/admin/CaracteristicasOpcionales.vue
+++ b/resources/js/components/admin/CaracteristicasOpcionales.vue
@@ -29,8 +29,8 @@ export default {
                 <fila-caracteristica
                     v-for="(c,i) in caracteristicas"
                     :key="i"
-                    :caracteristica="c">
-                </fila-caracteristica>
+                    :caracteristica="c"
+                />
             </tbody>
         </table>
     </div>
diff --git a/resources/js/components/admin/TablaPedidos.vue b/resources/js/components/admin/TablaPedidos.vue
index 2a46c20..0fbad74 100644
--- a/resources/js/components/admin/TablaPedidos.vue
+++ b/resources/js/components/admin/TablaPedidos.vue
@@ -14,8 +14,8 @@
             <fila-pedido
                 v-for="pedido in pedidos"
                 :pedido_id="pedido.id"
-                :key="pedido.id">
-            </fila-pedido>
+                :key="pedido.id"
+            />
         </tbody>
         </table>
         <table class="table is-striped is-bordered">
diff --git a/resources/js/components/comisiones/Body.vue b/resources/js/components/comisiones/Body.vue
index bf4ede5..20573ec 100644
--- a/resources/js/components/comisiones/Body.vue
+++ b/resources/js/components/comisiones/Body.vue
@@ -4,8 +4,7 @@
         <div class="block pb-6" id="pedidos-comisiones-seccion"
              :class="seccionActiva === 'pedidos-comisiones-seccion' ? 'is-active' : 'is-hidden'">
             <div class="block" id="pedidos-comisiones-tabla-y-dropdown">
-                <dropdown-descargar>
-                </dropdown-descargar>
+                <dropdown-descargar/>
             </div>
         </div>
         <div class="block pb-6" id="canasta-comisiones-seccion"
@@ -37,7 +36,7 @@
                     </div>
                 </article>
                 <div class="buttons is-right">
-                    <canasta-input></canasta-input>
+                    <canasta-input/>
                 </div>
             </div>
         </div>
diff --git a/resources/js/components/comunes/NavBar.vue b/resources/js/components/comunes/NavBar.vue
index f273d62..e6a95d3 100644
--- a/resources/js/components/comunes/NavBar.vue
+++ b/resources/js/components/comunes/NavBar.vue
@@ -10,8 +10,8 @@
             <chismosa-dropdown
                 v-if="pedidoDefinido"
                 class="hide-above-1023"
-                ariaControls="mobile">
-            </chismosa-dropdown>
+                ariaControls="mobile"
+            />
             <a role="button" class="navbar-burger" :class="{'is-active':burgerActiva}" aria-label="menu"
                aria-expanded="false" data-target="nav-bar" @click="toggleBurger">
                 <span aria-hidden="true"></span>
diff --git a/resources/js/components/login/LoginInput.vue b/resources/js/components/login/LoginInput.vue
index 8305deb..241b11f 100644
--- a/resources/js/components/login/LoginInput.vue
+++ b/resources/js/components/login/LoginInput.vue
@@ -14,8 +14,8 @@ export default {
 
 <template>
     <div>
-        <user-login v-if="urlRol === 'comisiones'"></user-login>
-        <barrio-login v-else></barrio-login>
+        <user-login v-if="urlRol === 'comisiones'"/>
+        <barrio-login v-else/>
     </div>
 </template>
 
diff --git a/resources/js/components/login/LoginTitulos.vue b/resources/js/components/login/LoginTitulos.vue
index 0ae4a8a..d050153 100644
--- a/resources/js/components/login/LoginTitulos.vue
+++ b/resources/js/components/login/LoginTitulos.vue
@@ -23,7 +23,7 @@ export default {
             </div>
         </div>
         <div class="column is-2 is-hidden-mobile">
-            <login-dropdown></login-dropdown>
+            <login-dropdown/>
         </div>
     </div>
 </template>
diff --git a/resources/js/components/login/input/BarrioLogin.vue b/resources/js/components/login/input/BarrioLogin.vue
index 4ca6e7b..a91969c 100644
--- a/resources/js/components/login/input/BarrioLogin.vue
+++ b/resources/js/components/login/input/BarrioLogin.vue
@@ -17,8 +17,8 @@ export default defineComponent({
 
 <template>
     <div class="block">
-        <region-select></region-select>
-        <barrio-select></barrio-select>
+        <region-select/>
+        <barrio-select/>
     </div>
 </template>
 
diff --git a/resources/js/components/login/input/UserLogin.vue b/resources/js/components/login/input/UserLogin.vue
index 9d8d7b6..03ec5d5 100644
--- a/resources/js/components/login/input/UserLogin.vue
+++ b/resources/js/components/login/input/UserLogin.vue
@@ -10,8 +10,8 @@ export default defineComponent({
 
 <template>
     <div class="block">
-        <user-input></user-input>
-        <password-input></password-input>
+        <user-input/>
+        <password-input/>
     </div>
 </template>
 
diff --git a/resources/js/components/login/input/barrio/BarrioSelect.vue b/resources/js/components/login/input/barrio/BarrioSelect.vue
index f60e25d..26ca55c 100644
--- a/resources/js/components/login/input/barrio/BarrioSelect.vue
+++ b/resources/js/components/login/input/barrio/BarrioSelect.vue
@@ -20,7 +20,7 @@
 				</div>
 			</div>
 		</div>
-        <password-input v-if="grupo_de_compra_elegido"></password-input>
+        <password-input v-if="grupo_de_compra_elegido"/>
         <input readonly v-model="nombre" type="hidden" name="name">
 	</div>
 </template>
diff --git a/resources/js/components/pedidos/Canasta.vue b/resources/js/components/pedidos/Canasta.vue
index bb0aadc..8f0b4d6 100644
--- a/resources/js/components/pedidos/Canasta.vue
+++ b/resources/js/components/pedidos/Canasta.vue
@@ -23,9 +23,9 @@ export default defineComponent({
 
 <template>
     <div class="columns ml-3 mr-3" v-else>
-        <categorias-container :class="show_chismosa ? 'hide-below-1024' : ''"></categorias-container>
-        <productos-container :class="show_chismosa ? 'hide-below-1024' : ''"></productos-container>
-        <devoluciones-modal v-show="show_devoluciones"></devoluciones-modal>
+        <categorias-container :class="show_chismosa ? 'hide-below-1024' : ''"/>
+        <productos-container :class="show_chismosa ? 'hide-below-1024' : ''"/>
+        <devoluciones-modal v-show="show_devoluciones"/>
     </div>
 </template>
 
diff --git a/resources/js/components/pedidos/Chismosa.vue b/resources/js/components/pedidos/Chismosa.vue
index b7ce7d9..0b44a9c 100644
--- a/resources/js/components/pedidos/Chismosa.vue
+++ b/resources/js/components/pedidos/Chismosa.vue
@@ -33,7 +33,7 @@
             </tr>
             </tfoot>
             <tbody>
-            <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"></producto-row>
+            <producto-row v-for="producto in productos" :producto="producto" :key="producto.id"/>
             </tbody>
         </table>
         <p class="has-text-centered" v-show="!mostrar_tabla">
diff --git a/resources/js/components/pedidos/NavMigas.vue b/resources/js/components/pedidos/NavMigas.vue
index a26dbe5..f8e9cd8 100644
--- a/resources/js/components/pedidos/NavMigas.vue
+++ b/resources/js/components/pedidos/NavMigas.vue
@@ -3,8 +3,10 @@
          aria-label="breadcrumbs" v-show="visible">
         <ul class="mt-4">
             <li v-for="(miga, i) in migas" :key="i" :class="{'is-active': i === migaActiva}">
-                <a @click="clickMiga({ miga: miga })" v-text="miga.nombre"
-                   :class="{'has-text-danger': i !== migaActiva}"></a>
+                <a @click="clickMiga({ miga: miga })"
+                   v-text="miga.nombre"
+                   :class="{'has-text-danger': i !== migaActiva}">
+                </a>
             </li>
         </ul>
     </nav>
diff --git a/resources/js/components/pedidos/ProductoCard.vue b/resources/js/components/pedidos/ProductoCard.vue
index 76c9df7..4d3c8a1 100644
--- a/resources/js/components/pedidos/ProductoCard.vue
+++ b/resources/js/components/pedidos/ProductoCard.vue
@@ -54,8 +54,8 @@ export default {
                 <producto-cantidad
                     v-if="!aprobado"
                     :producto_id="producto.id"
-                    :requiere_notas="producto.requiere_notas">
-                </producto-cantidad>
+                    :requiere_notas="producto.requiere_notas"
+                />
                 <div class="has-text-centered mt-2" v-if="fuePedido && aprobado">
                     <p class="subtitle is-7">{{ cantidadEnChismosa }} en chismosa</p>
                 </div>
diff --git a/resources/js/components/pedidos/ProductoRow.vue b/resources/js/components/pedidos/ProductoRow.vue
index 767b25e..d00cb3b 100644
--- a/resources/js/components/pedidos/ProductoRow.vue
+++ b/resources/js/components/pedidos/ProductoRow.vue
@@ -4,8 +4,8 @@
         <td class="has-text-right">
             <producto-cantidad
                 :producto_id="producto.id"
-                :requiere_notas="producto.requiere_notas">
-            </producto-cantidad>
+                :requiere_notas="producto.requiere_notas"
+            />
         </td>
         <td class="has-text-right">{{ `${cantidad(producto.id) * producto.precio}` }}</td>
     </tr>
diff --git a/resources/js/components/pedidos/ProductosContainer.vue b/resources/js/components/pedidos/ProductosContainer.vue
index e4f0d8e..28e678b 100644
--- a/resources/js/components/pedidos/ProductosContainer.vue
+++ b/resources/js/components/pedidos/ProductosContainer.vue
@@ -6,9 +6,7 @@
             <div v-for="(producto,i) in this.productos"
                  class="block column is-full-mobile is-half-tablet is-one-quarter-fullhd"
                 :class="show_chismosa ? 'is-half-desktop' : 'is-one-third-desktop'">
-                <producto-card :key="i"
-                    :producto="producto">
-                </producto-card>
+                <producto-card :key="i" :producto="producto"/>
             </div>
         </div>
     </div>