chore: migrate to script setup style

pages/filters.vue

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

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>

pages/origins.vue

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