add meta title, description

apps/frontend/src/main.ts

@@ -1,5 +1,6 @@
 import { createApp } from 'vue'
 import { createHead } from '@unhead/vue'
+import { Head } from '@unhead/vue/components'
 import { VueQueryPlugin, type VueQueryPluginOptions } from '@tanstack/vue-query'
 // import { createPinia } from 'pinia'
 import PouchDB from '@/api/PouchDB'
@@ -47,8 +48,8 @@ const vueQueryPluginOptions: VueQueryPluginOptions = {
   },
 }
 
-const head = createHead()
-app.use(head)
+app.use(createHead())
+app.component('MetaHead', Head)
 app.use(VueQueryPlugin, vueQueryPluginOptions)
 // app.use(createPinia())
 app.use(router)