app.vue

<template>
  <n-config-provider
    :theme="generalStore.theme"
    :locale="enGB"
    :date-locale="dateEnGB"
  >
    <n-loading-bar-provider>
      <n-message-provider>
        <n-notification-provider>
          <n-dialog-provider>
            <NuxtLayout>
              <NuxtPage />
            </NuxtLayout>
          </n-dialog-provider>
        </n-notification-provider>
      </n-message-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
import { useGeneralStore } from './stores/general'
import { enGB, dateEnGB } from 'naive-ui'

const generalStore = useGeneralStore()

useHead({
  title: 'PromptCraft',
  meta: [
    { name: 'PromptCraft', content: 'PromptCraft is designed to elevate the skill of prompt engineering, creating more effective interactions with AI language models. It may enables you to refine their prompts, providing feedback and comparison of AI responses to enhance their digital literacy and AI literacy.' }
  ]
})
</script>
./stores/general