Arabic (United Arab Emirates) (ar-AE)

// 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: ['ar-AE', 'en'],
  defaultLocale: 'en',
});

// react-intl configuration
import { IntlProvider } from 'react-intl';
import messages from './messages/ar-AE.json';

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

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

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

export default i18n;