Migracja z wersji Vue 2 na Vue 3

src/components/App/UpdatesCard.vue

@@ -1,14 +1,23 @@
 <template>
-  <section class="updates card" v-if="cardOpen">
+  <section
+    class="updates card"
+    v-if="cardOpen"
+  >
     <h2>Ostatnie aktualizacje w Stacjowniku</h2>
     <p>Tutaj będą pojawiać się informacje o kolejnych nowościach na stronie :)</p>
 
     <ul>
-      <li v-for="(update, i) in updates" :key="i">
+      <li
+        v-for="(update, i) in updates"
+        :key="i"
+      >
         <div>{{update.date}}</div>
 
         <div>
-          <span v-for="(line, l) in content" :key="l">{{line}}</span>
+          <span
+            v-for="(line, l) in content"
+            :key="l"
+          >{{line}}</span>
         </div>
       </li>
     </ul>
@@ -16,7 +25,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@vue/runtime-core";
+
+export default defineComponent({
   data() {
     return {
       updates: {
@@ -29,7 +40,7 @@ export default {
       },
     };
   },
-};
+});
 </script>
 
 <style lang="scss" scoped>