Sink/components/home/Cta.vue
wudi e563d55852 feat: Add internationalization (i18n) support
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
2025-03-03 11:21:39 +08:00

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>