import message from '@intlify/vite-plugin-vue-i18n/messages'

const i18n = createI18n({
	locale:navigator.language || 'en-US'
	messages
})

{
	"language":"Language"
}

<i18n>
{
	"en-US":{
		"hello":"Hello World!"
	},
	"zh-CN":{
		"hello":"你好 世界!"
	}
}
</i18n>

<script setup>
	import {useI18n} from 'vue-i18n'
	const {locale,t} = useI18n({
		inheritLocale:true
	})
</script>

<template>
	<HelloWorld :msg="`${t('language')}: ${t('hello')}`" />
</template>

<script setup lang="ts">
defineProps<{ msg: string }>()
</script>

<template>
  <h1>{{ msg }}</h1>
</template>