Chinese (Hong Kong) (zh-HK)

// next-intl configuration
// next.config.ts
import createNextIntlPlugin from 'next-intl/plugin';
const withNextIntl = createNextIntlPlugin();
export default withNextIntl({});

// i18n/routing.ts
import { defineRouting } from 'next-intl/routing';
export const routing = defineRouting({
  locales: ['zh-HK', 'en'],
  defaultLocale: 'en',
});

// react-intl configuration
import { IntlProvider } from 'react-intl';
import messages from './messages/zh-HK.json';

function App() {
  return (
    <IntlProvider locale="zh-HK" messages={messages}>
      {/* your app */}
    </IntlProvider>
  );
}

// i18next configuration
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n
  .use(initReactI18next)
  .init({
    lng: 'zh-HK',
    fallbackLng: 'en',
    resources: {
      'zh-HK': {
        translation: require('./locales/zh-HK/translation.json'),
      },
    },
  });

export default i18n;