chore: migrate to script setup style

pages/index.vue

@@ -2,20 +2,13 @@
   <events />
 </template>
 
-<script lang='ts'>
+<script setup lang='ts'>
+import { useHead } from '@unhead/vue'
 import Events from '~/components/pages/events/index.vue'
 import { useTranslation } from '~/plugins/i18n'
 
-export default {
-  name: 'IndexPage',
-  components: {
-    Events
-  },
-  head () {
-    const { t } = useTranslation()
-    return {
-      title: t('events.title')
-    }
-  }
-}
+const { t } = useTranslation()
+useHead({
+  title: t('events.title')
+})
 </script>