Implemented multi-language support for the application: - Added @nuxtjs/i18n plugin configuration - Created locale files for English (en-US) and Chinese (zh-CN) - Updated components to use translation keys - Added language switcher in header - Configured VSCode i18n-ally settings - Prepared translation infrastructure for future language expansions
21 lines
637 B
Vue
21 lines
637 B
Vue
<template>
|
|
<div
|
|
class="flex flex-col items-center max-w-4xl p-8 mx-auto my-12 text-center bg-black rounded-lg md:px-20 md:py-20"
|
|
>
|
|
<h2 class="text-4xl tracking-tight text-white md:text-6xl">
|
|
{{ $t('home.cta.title') }}
|
|
</h2>
|
|
<p class="mt-4 text-lg text-slate-400 md:text-xl">
|
|
{{ $t('home.cta.description') }}
|
|
</p>
|
|
<div class="flex mt-5">
|
|
<HomeLink
|
|
href="https://github.com/ccbikai/sink?tab=readme-ov-file#%EF%B8%8F-deployment"
|
|
type="inverted"
|
|
:title="$t('home.cta.button')"
|
|
>
|
|
{{ $t('home.cta.button') }}
|
|
</HomeLink>
|
|
</div>
|
|
</div>
|
|
</template>
|