happychin-web/app.vue

<template>
  <NuxtPage />
</template>
<script setup>
useHead({
  link: [
    { rel: 'stylesheet', href: '/css/bootstrap.min.css' },
    { rel: 'stylesheet', href: '/css/swiper-bundle.min.css' },
    // { rel: 'stylesheet', href: '/css/tailwind.min.css' },

    { rel: 'stylesheet', href: '/css/all.min.css' },
    { rel: 'stylesheet', href: '/css/animate.css' },
    { rel: 'stylesheet', href: '/css/magnific-popup.css' },
    { rel: 'stylesheet', href: '/css/meanmenu.css' },
    { rel: 'stylesheet', href: '/css/nice-select.css' },
    { rel: 'stylesheet', href: '/css/main.css' }
  ],
  script: [
    { src: '/js/jquery-3.7.1.min.js', defer: true, body: true },
    { src: '/js/viewport.jquery.js', defer: true, body: true },
    { src: '/js/bootstrap.bundle.min.js', defer: true, body: true },
    { src: '/js/jquery.nice-select.min.js', defer: true, body: true },
    { src: '/js/jquery.waypoints.js', defer: true, body: true },
    { src: '/js/jquery.counterup.min.js', defer: true, body: true },
    { src: '/js/swiper-bundle.min.js', defer: true, body: true },
    { src: '/js/jquery.meanmenu.min.js', defer: true, body: true },
    { src: '/js/jquery.magnific-popup.min.js', defer: true, body: true },
    { src: '/js/wow.min.js', defer: true, body: true },
    { src: '/js/main.js', defer: true, body: true }
  ]
})

const { $$t } = useStoreI18n()
useSeoMeta({
  title: $$t('title')
})
</script>