Upgrade to vue 3 (#1)

* updated dependencies

* updated readme

* upgrade to vue 3

* updated buttons

* duplicate id removed

* updated contact

src/views/AboutView.vue

@@ -0,0 +1,91 @@
+<template>
+  <section id="about">
+    <div class="container">
+      <p>
+        <strong>Nazywam się Kamil Niemczycki. Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.
+          W projektach wykorzystuję techologie oparte o PHP i JavaScript, tworząc skomplikowane i skalowalne aplikacje internetowe.</strong>
+      </p>
+      <h2>Studia</h2>
+      <p>
+        Jestem absolwentem Państwowej Wyższej Szkoły Zawodowej im. Witelona w Legnicy. Studiowałem na kierunku <em>Informatyka</em> o specjalności <em>Programowanie Aplikacji Mobilnych i Internetowych.</em>
+      </p>
+      <p>
+        Podczas studiów zdobyłem niezbędną wiedzę z zakresu projektowania, wdrażania i rozwoju aplikacji internetowych, mobilnych i desktopowych.
+        Zdobyłem także umiejętności pracy w zespole, które owocują tworzeniem merytorycznej dyskusji na temat części lub całości projektu.
+      </p>
+      <h3>Kursy</h3>
+      <p>
+        W ramach studiów uzyskałem zaświadczenie dotyczące ukończenia kursu:
+        <strong><a
+          :href="publicPath + 'download/certyfikat-laravel.pdf'"
+          target="_blank"
+          rel="noopener nofollow noreferrer"
+        >
+          Architektura aplikacji internetowych opartych o framework Laravel</a></strong>.
+      </p>
+      <p>
+        Umożliwiło mi to szersze spojrzenie na możliwości jakie daje nam Laravel i wzbogaconie poprzednio zdobytej
+        wiedzy o nowe doświadczenia.
+      </p>
+      <h2>Moje zainteresowania</h2>
+      <p>
+        W wolnym czasie przyjmuje małe zlecenia na strony lub serwisy internetowe. Uczę się nowych języków
+        programowania lub frameworków w znanych mi już technologiach. Hobbistycznie, tworzę także rozwiązania do
+        problemów przy prywatnych projektach.
+      </p>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { onMounted, onUnmounted } from 'vue'
+import { useStore } from 'vuex'
+import { useRoute } from 'vue-router'
+
+const publicPath = process.env.VUE_APP_BASE_URL + '/'
+
+const store = useStore()
+const route = useRoute()
+
+onMounted(() => {
+  const header = {
+    title: route.meta.title,
+    description: 'Jestem młodym i ambitnym inżynierem oprogramowania. Specjalizuję się w tworzeniu frontendów i backendów.'
+  }
+  store.commit('setHeader', header)
+})
+
+onUnmounted(() => {
+  store.commit('resetHeaderTitle')
+  store.commit('resetHeaderDescription')
+})
+</script>
+
+<style lang="scss">
+section#about {
+  padding: 45px 0;
+  background-color: #fafafa !important;
+
+  h2 {
+    margin-top: 25px;
+
+    &:first-of-type {
+      margin-top: 10px;
+    }
+  }
+
+  h3 {
+    font-size: 1.3em;
+    margin-top: 8px;
+    margin-bottom: 10px;
+  }
+
+  a {
+    color: #8D8D8D;
+
+    &:hover {
+      color: #A2CF00;
+    }
+  }
+}
+</style>