app.vue

<template>
  <div>
    <VitePwaManifest />
    <NuxtLoadingIndicator :height="1"
      color="repeating-linear-gradient(to right,rgba(192,132,252,1) 0%,rgba(248,113,113,1) 50%,rgba(45,212,191,1) 100%)" />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<script setup>
useHead({
  title: 'Chris Zhu',
  link: [
    { rel: 'icon', type: 'image/x-icon', href: '/logo-light.svg' },
  ],
  meta: [
    { name: 'author', content: 'Chris' },
    { hid: 'description', name: 'description', content: 'Chris\' Portfolio' },
    { hid: 'keywords', name: 'keywords', content: 'Chris, Chirs Zhu, Blog, Portfolio' },
    { name: 'twitter:card', content: 'summary' },
    { name: 'twitter:site', content: '@chris_zyyv' },
    { property: 'og:title', content: 'Chris Zhu' },
    { property: 'og:image', content: 'https://zyob.top/logo-light.svg' },

    { 'http-equiv': 'pragma', 'content': 'no-cache' },
    { 'http-equiv': 'cache-control', 'content': 'no-cache' },
    { 'http-equiv': 'expires', 'content': '0' },
  ],
  charset: 'utf-8',
  viewport: 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0',
})
</script>