From a1b87af931289bd1576c61007b54a7c940c1b866 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Ma=C5=84czak?=
 <56172798+jakubmanczak@users.noreply.github.com>
Date: Mon, 12 Apr 2021 08:58:47 +0200
Subject: [PATCH] target blank because firefox breaks back button

---
 src/App.vue             | 15 +++++++++------
 src/components/card.vue | 32 ++++++++++++++++----------------
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4e1c7a1..9003f31 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,19 +5,22 @@
   </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>
-  <router-view/>
+  <main></main>
+  <router-view />
 </template>
 
 <style lang="sass">
diff --git a/src/components/card.vue b/src/components/card.vue
index 09f27a2..57678f5 100644
--- a/src/components/card.vue
+++ b/src/components/card.vue
@@ -1,25 +1,25 @@
 <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>
+      <p class="name">{{ name }}</p>
+      <p class="desc">{{ desc }}</p>
     </div>
   </router-link>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+  import { defineComponent } from 'vue';
 
-export default defineComponent({
-  name: 'card',
-  props: {
-    name: String,
-    photo: String,
-    desc: String,
-    link: String
-  }
-});
+  export default defineComponent({
+    name: 'card',
+    props: {
+      name: String,
+      photo: String,
+      desc: String,
+      link: String,
+    },
+  });
 </script>
 
 <style lang="sass" scoped>
@@ -44,8 +44,8 @@ export default defineComponent({
         font-size: 1.7em
         letter-spacing: 0.1em
       .meta
-        opacity: 0.5 
+        opacity: 0.5
     &:focus,&:hover
       background-color: var(--dark-bg3)
       transform: scale(1.05)
-</style>
\ No newline at end of file
+</style>