Initial commit

pages/bio.vue

@@ -5,15 +5,16 @@
     </v-col>
     <v-col cols="12">
       <span>
-        Hey there! I'm Manuel, a software dev based in Vienna, Austria. I C.
+        Hello there! I'm Manuel, a software dev based in Vienna, Austria. I C.
         A year later, I continued to learn Java. I HTML and CSS
         full-stack web development in 2018.
       </span>
     </v-col>
     <v-col cols="12">
-      <ul>
-        <li v-for="(value, index) in languages" :key="index">{{ value }}</li>
-      </ul>
+      <v-chip v-for="(value, index) in languages" :key="index" outlined color="primary" class="mx-1">{{ value }}</v-chip>
+    </v-col>
+    <v-col cols="12">
+      <v-chip v-for="(value, index) in tech" :key="index" outlined class="mx-1">{{ value }}</v-chip>
     </v-col>
   </v-row>
 </template>
@@ -21,10 +22,9 @@
 <script>
 export default {
   name: 'BioPage',
-  data () {
-    return {
-      languages: ['Java', 'Android']
-    }
-  }
+  data: () => ({
+    languages: ['Java', 'Android', 'JavaScript (ES6+)', 'Vue.js', 'Nuxt.js', 'Vuetify', 'BootstrapVue', 'PHP', 'SQL'],
+    tech: ['AWS', 'Heroku', 'WordPress', 'Firebase']
+  })
 }
 </script>