chore: update examples

Author: akameco

example/src/App.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { injectIntl, useIntl } from 'react-intl'
+
+export const SubmitButton = injectIntl(({ intl }) => {
+  const label = intl.formatMessage({
+    id: 'App.submit',
+    defaultMessage: 'Submit Button'
+  })
+  return <button aria-label={label}>{label}</button>
+})
+
+export const HelloButton = () => {
+  const intl = useIntl()
+  const label = intl.formatMessage({
+    id: 'App.hello',
+    defaultMessage: 'Hello Button'
+  })
+  return <button aria-label={label}>{label}</button>
+}

example/src/messages.js

@@ -1,13 +1,5 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { defineMessages, injectIntl } from 'react-intl'
-
-export const SubmitButton = injectIntl(({ intl }) => {
-  const label = intl.formatMessage({
-    id: 'a.submit',
-    defaultMessage: 'Submit Button'
-  })
-  return <button aria-label={label}>{label}</button>
-})
+/* eslint-disable import/no-extraneous-dependencies */
+import { defineMessages } from 'react-intl'
 
 export default defineMessages({
   hello: {

package.json

@@ -15,7 +15,7 @@
   "scripts": {
     "add-contributor": "all-contributors add",
     "fmt": "prettier --write '**/*.{json,js,md}'",
-    "example": "./cli.js -l=en,ja -o example/i18n -d en 'example/**/*.js'",
+    "example": "./cli.js -l=en,ja -o example/i18n -d en --extractFromFormatMessageCall=true 'example/**/*.{js,tsx}'",
     "build": "tsc",
     "lint": "eslint src/**/*.ts --fix --cache",
     "test": "npm run lint && jest"