feat: use indexDB instead of array filter

app.vue

@@ -2,9 +2,7 @@
 import { installPrompt } from './utils/pwa'
 import { appName } from '~/constants'
 
-// https://github.com/vueuse/head
-// you can use this to manipulate the document head in any components,
-// they will be rendered correctly in the html results with vite-ssg
+// https://nuxt.com/docs/api/composables/use-head
 useHead({
   title: appName,
   meta: [
@@ -15,8 +13,11 @@ useHead({
   ],
 })
 
+const indexedDB = useIndexedDB()
+
 onMounted(() => {
   installPrompt()
+  indexedDB.init()
 })
 </script>