fixed 2

src/esteticas/nav.vue

@@ -18,18 +18,18 @@
 
         <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
           <ul
-            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-start mt-0 mt-lg-0"
+            class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0"
           >
             <li class="nav-item">
               <a class="nav-link text-white" href="#" @click="inicio()"
                 >Inicio</a
               >
             </li>
-            <!--<li class="nav-item">
+            <li class="nav-item">
               <a class="nav-link text-white" href="#">Presentacion</a>
-            </li>-->
+            </li>
 
-            <li class="nav-item ml-4">
+            <li class="nav-item ">
               <div class="dropdown">
                 <a
                   class="btn nav-link  dropdown-toggle text-white"
@@ -86,9 +86,11 @@
               </div>
             </li>
 
-            <!--<li class="nav-item">
-              <a class="nav-link text-white" href="#">Difusion Editorial</a>
-            </li>-->
+            <li class="nav-item">
+              <a class="nav-link text-white" href="#" @click="difusion()"
+                >Difusion Editorial</a
+              >
+            </li>
           </ul>
         </div>
 
@@ -181,6 +183,11 @@ export default {
         location.reload();
       });
     },
+    difusion() {
+      this.$router.push("/difusion").catch(() => {
+        location.reload();
+      });
+    },
     async tema(categoria) {
       window.localStorage.setItem("categoria", categoria);
       this.$router.push("/tema").catch(() => {