chore: migrate to script setup style

components/pages/events/List/index.vue

@@ -2,7 +2,7 @@
   <div>
     <v-row v-for="event in events" :key="event.id" wrap>
       <v-flex xs12>
-        <Event
+        <event-card
           :event="event"
           :has-user="hasUser"
           :toggle-ignore="toggleIgnore"
@@ -12,27 +12,23 @@
   </div>
 </template>
 
-<script>
-import Event from '../Event'
+<script setup lang='ts'>
+import { type PropType } from 'vue'
+import EventCard from '../Event/index.vue'
+import { type Event } from '~/graphql/generated/operations'
 
-export default {
-  name: 'EventList',
-  components: {
-    Event
+defineProps({
+  hasUser: {
+    type: Boolean,
+    required: true
   },
-  props: {
-    hasUser: {
-      type: Boolean,
-      required: true
-    },
-    toggleIgnore: {
-      type: Function,
-      required: true
-    },
-    events: {
-      type: Array,
-      required: true
-    }
+  toggleIgnore: {
+    type: Function,
+    required: true
+  },
+  events: {
+    type: Array as PropType<Event[]>,
+    required: true
   }
-}
+})
 </script>