target blank because firefox breaks back button

src/App.vue

@@ -5,18 +5,21 @@
   </div> -->
   <nav>
     <router-link to="/" class="gractwoRoot">
-      <img alt="Vue logo" src="./assets/gractwo-smol.png" style="height: 50px">
+      <img
+        alt="Vue logo"
+        src="./assets/gractwo-smol.png"
+        style="height: 50px"
+      />
       <h1>Gractwo</h1>
     </router-link>
     <div>
       <!-- <router-link to="/">główna</router-link> -->
       <!-- <router-link to="/o-nas">o nas</router-link> -->
-      <router-link to="/discord">discord</router-link>
-      <router-link to="/facebook">facebook</router-link>
+      <router-link to="/discord" target="_blank">discord</router-link>
+      <router-link to="/facebook" target="_blank">facebook</router-link>
     </div>
   </nav>
-  <main>
-  </main>
+  <main></main>
   <router-view />
 </template>
 

src/components/card.vue

@@ -1,6 +1,6 @@
 <template>
-  <router-link :to="link" class="card">
-    <img  alt="" :src="require(`../assets/spis/${photo}`)">
+  <router-link :to="link" class="card" target="_blank">
+    <img alt="" :src="require(`../assets/spis/${photo}`)" />
     <div class="card-inner">
       <p class="name">{{ name }}</p>
       <p class="desc">{{ desc }}</p>
@@ -17,8 +17,8 @@ export default defineComponent({
       name: String,
       photo: String,
       desc: String,
-    link: String
-  }
+      link: String,
+    },
   });
 </script>