format; linting; aktualizacja do 2023.2.1

src/components/sections/LogoSection.vue

@@ -1,11 +1,16 @@
 <template>
   <section class="logo-section">
-    <img :src="`/logo-${$i18n.locale}.svg`" alt="logo pojazdownik" @click="navigate" />
+    <img
+      :src="`/logo-${$i18n.locale}.svg`"
+      alt="logo pojazdownik"
+      @click="navigate"
+    />
 
     <div class="actions">
       <button
-        class="btn btn--text"
         v-for="action in localeActions"
+        :key="action.name"
+        class="btn btn--text"
         :data-selected="$i18n.locale == action.locale"
         @click="chooseLocale(action.locale)"
       >
@@ -21,31 +26,31 @@ export default {
     return {
       localeActions: [
         {
-          name: 'POLSKI',
-          locale: 'pl',
+          name: "POLSKI",
+          locale: "pl",
         },
         {
-          name: 'ENGLISH',
-          locale: 'en',
+          name: "ENGLISH",
+          locale: "en",
         },
       ],
     };
   },
   methods: {
     navigate() {
-      window.location.pathname = '';
+      window.location.pathname = "";
     },
 
     chooseLocale(locale: string) {
       this.$i18n.locale = locale;
-      window.localStorage.setItem('locale', locale);
+      window.localStorage.setItem("locale", locale);
     },
   },
 };
 </script>
 
 <style lang="scss" scoped>
-@import '../../styles/global.scss';
+@import "../../styles/global.scss";
 
 .logo-section {
   grid-row: 1;
@@ -64,7 +69,7 @@ export default {
   display: flex;
   gap: 0.5em;
 
-  button[data-selected='true'] {
+  button[data-selected="true"] {
     font-weight: bold;
     color: $accentColor;
     text-decoration: underline;
@@ -76,4 +81,3 @@ img {
   width: 100%;
 }
 </style>
-