2019-09-16 15:24:42 +02:00
|
|
|
import {
|
|
|
|
|
FormattedMessage,
|
|
|
|
|
FormattedNumber,
|
|
|
|
|
defineMessages,
|
2019-11-11 04:24:53 +01:00
|
|
|
useIntl,
|
2019-09-16 15:24:42 +02:00
|
|
|
} from 'react-intl'
|
2017-02-24 22:45:18 +01:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import Layout from '../components/Layout'
|
|
|
|
|
|
2018-07-24 00:43:57 +02:00
|
|
|
const { description } = defineMessages({
|
2017-02-24 22:45:18 +01:00
|
|
|
description: {
|
|
|
|
|
id: 'description',
|
2019-11-11 04:24:53 +01:00
|
|
|
defaultMessage: 'An example app integrating React Intl with Next.js',
|
|
|
|
|
},
|
2017-02-24 22:45:18 +01:00
|
|
|
})
|
|
|
|
|
|
2019-08-26 22:40:36 +02:00
|
|
|
export default () => {
|
|
|
|
|
const intl = useIntl()
|
2018-07-24 00:43:57 +02:00
|
|
|
|
2019-08-26 22:40:36 +02:00
|
|
|
return (
|
|
|
|
|
<Layout>
|
|
|
|
|
<Head>
|
2019-11-11 04:24:53 +01:00
|
|
|
<meta name="description" content={intl.formatMessage(description)} />
|
2019-08-26 22:40:36 +02:00
|
|
|
</Head>
|
|
|
|
|
<p>
|
2019-11-11 04:24:53 +01:00
|
|
|
<FormattedMessage id="greeting" defaultMessage="Hello, World!" />
|
2019-08-26 22:40:36 +02:00
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
<FormattedNumber value={1000} />
|
|
|
|
|
</p>
|
|
|
|
|
</Layout>
|
|
|
|
|
)
|
2018-07-24 00:43:57 +02:00
|
|
|
}
|
