Portfolio page and language picker

src/views/InfoView.vue

@@ -1,32 +1,30 @@
+<script setup lang="ts">
+import { useLanguage } from '@/composables/useLanguage'
+
+const { t } = useLanguage()
+</script>
+
 <template>
   <div class="about">
     <div class="about-item">
       <div class="details">
-        <h3>Tietoa</h3>
-        <p>
-          Livonsaaren Tietokonepaja vuonna 2024 perustettu kahden miehen projekti, jonka tehtävänä
-          on tarjota matalankynnyksen IT-tukea ja -palveluita Livonsaaren ja lähialueiden asukkaille
-          sekä yrityksille. Yrityksemme erikoistuu tietokoneiden huoltoon, ohjelmistojen
-          asennukseen, kotisivuratkaisuihin ja Linux-käyttöjärjestelmän tukeen.
-        </p>
+        <h3>{{ t.infoHeading }}</h3>
+        <p>{{ t.infoText }}</p>
       </div>
     </div>
 
     <div class="about-item">
       <div class="details">
-        <h3>Arvomme</h3>
+        <h3>{{ t.valuesHeading }}</h3>
         <ul>
           <li>
-            <strong>Järkevyys:</strong> Laitteiden ja palveluiden tulee aina helpottaa käyttäjiensä
-            elämää. Ei vaikeuttaa sitä.
+            <strong>{{ t.value1Label }}</strong> {{ t.value1Text }}
           </li>
           <li>
-            <strong>Hallinta:</strong> Käyttäjän tulee voida itse määritellä mitä laite tai
-            ohjelmisto tekee. Mikäli tämä ei ole mahdollista, se pitää olla vaihdettavissa toiseen.
+            <strong>{{ t.value2Label }}</strong> {{ t.value2Text }}
           </li>
           <li>
-            <strong>Korjattavuus:</strong> Laitteiden tulee olla ylläpidettävissä ja korjattavissa
-            ilman kalliita työkaluja tai lisenssejä.
+            <strong>{{ t.value3Label }}</strong> {{ t.value3Text }}
           </li>
         </ul>
       </div>
@@ -34,15 +32,8 @@
 
     <div class="about-item">
       <div class="details">
-        <h3>Visiomme</h3>
-        <p>
-          Nykypäivänä erilaiset vempeleet ja palvelut vievät valtavasti rahaa ja aikaamme huonolla
-          hyötysuhteella. Tämä johdosta tietokoneista onkin tullut monille kirosana. Me
-          Tietokonepajalla haluamme olla rakentamassa uudenlaista tulevaisuutta, jossa teknologia
-          palvelee käyttäjiään eikä päinvastoin. Vapaat ohjelmistot ja laitteiden kiertotalous
-          tarjoaakin halvan, hallittavan ja mielekkään vaihtoehdon nykymenolle. Tule siis rohkeasti
-          mukaan tekemään tietotekniikasta taas hauskaa ja hyödyllistä!
-        </p>
+        <h3>{{ t.visionHeading }}</h3>
+        <p>{{ t.visionText }}</p>
       </div>
     </div>
   </div>