49 lines
1002 B
Vue
49 lines
1002 B
Vue
<script setup lang="ts">
|
|
// import { installPrompt } from './utils/pwa'
|
|
import { isClient } from '@vueuse/core'
|
|
import { useIndexedDB } from '~/composables/db'
|
|
import { appName, ionDarkClass } from '~/constants'
|
|
|
|
// https://nuxt.com/docs/api/composables/use-head
|
|
useHead({
|
|
title: appName,
|
|
meta: [
|
|
{
|
|
name: 'description',
|
|
content: '好的，今天我们来做菜！',
|
|
},
|
|
],
|
|
})
|
|
|
|
const indexedDB = useIndexedDB()
|
|
const { isDark } = useDarkMode()
|
|
|
|
onMounted(() => {
|
|
// init dark mode
|
|
if (isClient) {
|
|
if (isDark.value) {
|
|
document.documentElement.classList.add(ionDarkClass)
|
|
}
|
|
else {
|
|
document.documentElement.classList.remove(ionDarkClass)
|
|
}
|
|
|
|
indexedDB.init()
|
|
}
|
|
|
|
// installPrompt()
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<VitePwaManifest />
|
|
<!-- https://ionic.nuxtjs.org/cookbook/customising-app-vue -->
|
|
<!-- <NuxtLayout>
|
|
<NuxtLoadingIndicator />
|
|
<NuxtPage />
|
|
</NuxtLayout> -->
|
|
<ion-app>
|
|
<ion-router-outlet />
|
|
</ion-app>
|
|
</template>
|