@intlayer/docs 8.9.1 → 8.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/generated/frequentQuestions.entry.cjs +20 -0
- package/dist/cjs/generated/frequentQuestions.entry.cjs.map +1 -1
- package/dist/esm/generated/frequentQuestions.entry.mjs +20 -0
- package/dist/esm/generated/frequentQuestions.entry.mjs.map +1 -1
- package/dist/types/generated/frequentQuestions.entry.d.ts +1 -0
- package/dist/types/generated/frequentQuestions.entry.d.ts.map +1 -1
- package/docs/ar/intlayer_with_astro_lit.md +4 -4
- package/docs/ar/intlayer_with_astro_preact.md +4 -4
- package/docs/ar/intlayer_with_astro_react.md +4 -4
- package/docs/ar/intlayer_with_astro_solid.md +4 -4
- package/docs/ar/intlayer_with_astro_svelte.md +4 -4
- package/docs/ar/intlayer_with_astro_vanilla.md +4 -4
- package/docs/ar/intlayer_with_create_react_app.md +4 -4
- package/docs/ar/intlayer_with_nextjs_14.md +4 -4
- package/docs/ar/intlayer_with_nextjs_15.md +4 -4
- package/docs/ar/intlayer_with_nextjs_16.md +4 -4
- package/docs/ar/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/ar/intlayer_with_tanstack+solid.md +4 -4
- package/docs/ar/intlayer_with_tanstack.md +4 -4
- package/docs/ar/intlayer_with_vite+preact.md +4 -4
- package/docs/ar/intlayer_with_vite+react.md +4 -4
- package/docs/ar/intlayer_with_vite+solid.md +4 -4
- package/docs/de/intlayer_with_astro_lit.md +4 -4
- package/docs/de/intlayer_with_astro_preact.md +4 -4
- package/docs/de/intlayer_with_astro_react.md +4 -4
- package/docs/de/intlayer_with_astro_solid.md +4 -4
- package/docs/de/intlayer_with_astro_svelte.md +4 -4
- package/docs/de/intlayer_with_astro_vanilla.md +4 -4
- package/docs/de/intlayer_with_create_react_app.md +4 -4
- package/docs/de/intlayer_with_nextjs_14.md +4 -4
- package/docs/de/intlayer_with_nextjs_15.md +4 -4
- package/docs/de/intlayer_with_nextjs_16.md +4 -4
- package/docs/de/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/de/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/de/intlayer_with_tanstack+solid.md +4 -4
- package/docs/de/intlayer_with_tanstack.md +4 -4
- package/docs/de/intlayer_with_vite+preact.md +4 -4
- package/docs/de/intlayer_with_vite+react.md +4 -4
- package/docs/de/intlayer_with_vite+solid.md +4 -4
- package/docs/en/intlayer_with_astro_lit.md +4 -4
- package/docs/en/intlayer_with_astro_preact.md +4 -4
- package/docs/en/intlayer_with_astro_react.md +4 -4
- package/docs/en/intlayer_with_astro_solid.md +4 -4
- package/docs/en/intlayer_with_astro_svelte.md +4 -4
- package/docs/en/intlayer_with_astro_vanilla.md +4 -4
- package/docs/en/intlayer_with_create_react_app.md +4 -4
- package/docs/en/intlayer_with_nextjs_14.md +4 -4
- package/docs/en/intlayer_with_nextjs_15.md +4 -4
- package/docs/en/intlayer_with_nextjs_16.md +4 -4
- package/docs/en/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/en/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/en/intlayer_with_tanstack+solid.md +4 -4
- package/docs/en/intlayer_with_tanstack.md +4 -4
- package/docs/en/intlayer_with_vite+preact.md +4 -4
- package/docs/en/intlayer_with_vite+react.md +4 -4
- package/docs/en/intlayer_with_vite+solid.md +4 -4
- package/docs/en-GB/intlayer_with_astro_lit.md +4 -4
- package/docs/en-GB/intlayer_with_astro_preact.md +4 -4
- package/docs/en-GB/intlayer_with_astro_react.md +4 -4
- package/docs/en-GB/intlayer_with_astro_solid.md +4 -4
- package/docs/en-GB/intlayer_with_astro_svelte.md +4 -4
- package/docs/en-GB/intlayer_with_astro_vanilla.md +4 -4
- package/docs/en-GB/intlayer_with_create_react_app.md +4 -4
- package/docs/en-GB/intlayer_with_nextjs_14.md +4 -4
- package/docs/en-GB/intlayer_with_nextjs_15.md +4 -4
- package/docs/en-GB/intlayer_with_nextjs_16.md +4 -4
- package/docs/en-GB/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/en-GB/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/en-GB/intlayer_with_tanstack+solid.md +4 -4
- package/docs/en-GB/intlayer_with_tanstack.md +4 -4
- package/docs/en-GB/intlayer_with_vite+preact.md +4 -4
- package/docs/en-GB/intlayer_with_vite+react.md +4 -4
- package/docs/en-GB/intlayer_with_vite+solid.md +4 -4
- package/docs/es/intlayer_with_astro_lit.md +4 -4
- package/docs/es/intlayer_with_astro_preact.md +4 -4
- package/docs/es/intlayer_with_astro_react.md +4 -4
- package/docs/es/intlayer_with_astro_solid.md +4 -4
- package/docs/es/intlayer_with_astro_svelte.md +4 -4
- package/docs/es/intlayer_with_astro_vanilla.md +4 -4
- package/docs/es/intlayer_with_create_react_app.md +4 -4
- package/docs/es/intlayer_with_nextjs_14.md +4 -4
- package/docs/es/intlayer_with_nextjs_15.md +4 -4
- package/docs/es/intlayer_with_nextjs_16.md +4 -4
- package/docs/es/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/es/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/es/intlayer_with_tanstack+solid.md +4 -4
- package/docs/es/intlayer_with_tanstack.md +4 -4
- package/docs/es/intlayer_with_vite+preact.md +4 -4
- package/docs/es/intlayer_with_vite+react.md +4 -4
- package/docs/es/intlayer_with_vite+solid.md +4 -4
- package/docs/fr/intlayer_with_astro_lit.md +4 -4
- package/docs/fr/intlayer_with_astro_preact.md +4 -4
- package/docs/fr/intlayer_with_astro_react.md +4 -4
- package/docs/fr/intlayer_with_astro_solid.md +4 -4
- package/docs/fr/intlayer_with_astro_svelte.md +4 -4
- package/docs/fr/intlayer_with_astro_vanilla.md +4 -4
- package/docs/fr/intlayer_with_create_react_app.md +4 -4
- package/docs/fr/intlayer_with_nextjs_14.md +4 -4
- package/docs/fr/intlayer_with_nextjs_15.md +4 -4
- package/docs/fr/intlayer_with_nextjs_16.md +4 -4
- package/docs/fr/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/fr/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/fr/intlayer_with_tanstack+solid.md +4 -4
- package/docs/fr/intlayer_with_tanstack.md +4 -4
- package/docs/fr/intlayer_with_vite+preact.md +4 -4
- package/docs/fr/intlayer_with_vite+react.md +4 -4
- package/docs/fr/intlayer_with_vite+solid.md +4 -4
- package/docs/hi/intlayer_with_astro_lit.md +4 -4
- package/docs/hi/intlayer_with_astro_preact.md +4 -4
- package/docs/hi/intlayer_with_astro_react.md +4 -4
- package/docs/hi/intlayer_with_astro_solid.md +4 -4
- package/docs/hi/intlayer_with_astro_svelte.md +4 -4
- package/docs/hi/intlayer_with_astro_vanilla.md +4 -4
- package/docs/hi/intlayer_with_create_react_app.md +4 -4
- package/docs/hi/intlayer_with_nextjs_14.md +4 -4
- package/docs/hi/intlayer_with_nextjs_15.md +4 -4
- package/docs/hi/intlayer_with_nextjs_16.md +4 -4
- package/docs/hi/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/hi/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/hi/intlayer_with_tanstack+solid.md +4 -4
- package/docs/hi/intlayer_with_tanstack.md +4 -4
- package/docs/hi/intlayer_with_vite+preact.md +4 -4
- package/docs/hi/intlayer_with_vite+react.md +4 -4
- package/docs/hi/intlayer_with_vite+solid.md +4 -4
- package/docs/id/intlayer_with_astro_lit.md +4 -4
- package/docs/id/intlayer_with_astro_preact.md +4 -4
- package/docs/id/intlayer_with_astro_react.md +4 -4
- package/docs/id/intlayer_with_astro_solid.md +4 -4
- package/docs/id/intlayer_with_astro_svelte.md +4 -4
- package/docs/id/intlayer_with_astro_vanilla.md +4 -4
- package/docs/id/intlayer_with_create_react_app.md +4 -4
- package/docs/id/intlayer_with_nextjs_14.md +4 -4
- package/docs/id/intlayer_with_nextjs_15.md +4 -4
- package/docs/id/intlayer_with_nextjs_16.md +4 -4
- package/docs/id/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/id/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/id/intlayer_with_tanstack+solid.md +4 -4
- package/docs/id/intlayer_with_tanstack.md +4 -4
- package/docs/id/intlayer_with_vite+preact.md +4 -4
- package/docs/id/intlayer_with_vite+react.md +4 -4
- package/docs/id/intlayer_with_vite+solid.md +4 -4
- package/docs/it/intlayer_with_astro_lit.md +4 -4
- package/docs/it/intlayer_with_astro_preact.md +4 -4
- package/docs/it/intlayer_with_astro_react.md +4 -4
- package/docs/it/intlayer_with_astro_solid.md +4 -4
- package/docs/it/intlayer_with_astro_svelte.md +4 -4
- package/docs/it/intlayer_with_astro_vanilla.md +4 -4
- package/docs/it/intlayer_with_create_react_app.md +4 -4
- package/docs/it/intlayer_with_nextjs_14.md +4 -4
- package/docs/it/intlayer_with_nextjs_15.md +4 -4
- package/docs/it/intlayer_with_nextjs_16.md +4 -4
- package/docs/it/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/it/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/it/intlayer_with_tanstack+solid.md +4 -4
- package/docs/it/intlayer_with_tanstack.md +4 -4
- package/docs/it/intlayer_with_vite+preact.md +4 -4
- package/docs/it/intlayer_with_vite+react.md +4 -4
- package/docs/it/intlayer_with_vite+solid.md +4 -4
- package/docs/ja/intlayer_with_astro_lit.md +4 -4
- package/docs/ja/intlayer_with_astro_preact.md +4 -4
- package/docs/ja/intlayer_with_astro_react.md +4 -4
- package/docs/ja/intlayer_with_astro_solid.md +4 -4
- package/docs/ja/intlayer_with_astro_svelte.md +4 -4
- package/docs/ja/intlayer_with_astro_vanilla.md +4 -4
- package/docs/ja/intlayer_with_create_react_app.md +4 -4
- package/docs/ja/intlayer_with_nextjs_14.md +4 -4
- package/docs/ja/intlayer_with_nextjs_15.md +4 -4
- package/docs/ja/intlayer_with_nextjs_16.md +4 -4
- package/docs/ja/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/ja/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/ja/intlayer_with_tanstack+solid.md +4 -4
- package/docs/ja/intlayer_with_tanstack.md +4 -4
- package/docs/ja/intlayer_with_vite+solid.md +4 -4
- package/docs/ko/intlayer_with_astro_lit.md +4 -4
- package/docs/ko/intlayer_with_astro_preact.md +4 -4
- package/docs/ko/intlayer_with_astro_react.md +4 -4
- package/docs/ko/intlayer_with_astro_solid.md +4 -4
- package/docs/ko/intlayer_with_astro_svelte.md +4 -4
- package/docs/ko/intlayer_with_astro_vanilla.md +4 -4
- package/docs/ko/intlayer_with_create_react_app.md +4 -4
- package/docs/ko/intlayer_with_nextjs_14.md +4 -4
- package/docs/ko/intlayer_with_nextjs_15.md +4 -4
- package/docs/ko/intlayer_with_nextjs_16.md +4 -4
- package/docs/ko/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/ko/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/ko/intlayer_with_tanstack+solid.md +4 -4
- package/docs/ko/intlayer_with_tanstack.md +4 -4
- package/docs/ko/intlayer_with_vite+preact.md +4 -4
- package/docs/ko/intlayer_with_vite+react.md +4 -4
- package/docs/ko/intlayer_with_vite+solid.md +4 -4
- package/docs/pl/intlayer_with_astro_lit.md +4 -4
- package/docs/pl/intlayer_with_astro_preact.md +4 -4
- package/docs/pl/intlayer_with_astro_react.md +4 -4
- package/docs/pl/intlayer_with_astro_solid.md +4 -4
- package/docs/pl/intlayer_with_astro_svelte.md +4 -4
- package/docs/pl/intlayer_with_astro_vanilla.md +4 -4
- package/docs/pl/intlayer_with_create_react_app.md +4 -4
- package/docs/pl/intlayer_with_nextjs_14.md +4 -4
- package/docs/pl/intlayer_with_nextjs_15.md +4 -4
- package/docs/pl/intlayer_with_nextjs_16.md +4 -4
- package/docs/pl/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/pl/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/pl/intlayer_with_tanstack+solid.md +4 -4
- package/docs/pl/intlayer_with_tanstack.md +4 -4
- package/docs/pl/intlayer_with_vite+preact.md +4 -4
- package/docs/pl/intlayer_with_vite+react.md +4 -4
- package/docs/pl/intlayer_with_vite+solid.md +4 -4
- package/docs/pt/intlayer_with_astro_lit.md +4 -4
- package/docs/pt/intlayer_with_astro_preact.md +4 -4
- package/docs/pt/intlayer_with_astro_react.md +4 -4
- package/docs/pt/intlayer_with_astro_solid.md +4 -4
- package/docs/pt/intlayer_with_astro_svelte.md +4 -4
- package/docs/pt/intlayer_with_astro_vanilla.md +4 -4
- package/docs/pt/intlayer_with_create_react_app.md +4 -4
- package/docs/pt/intlayer_with_nextjs_14.md +4 -4
- package/docs/pt/intlayer_with_nextjs_15.md +4 -4
- package/docs/pt/intlayer_with_nextjs_16.md +4 -4
- package/docs/pt/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/pt/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/pt/intlayer_with_tanstack+solid.md +4 -4
- package/docs/pt/intlayer_with_tanstack.md +4 -4
- package/docs/pt/intlayer_with_vite+preact.md +4 -4
- package/docs/pt/intlayer_with_vite+react.md +4 -4
- package/docs/pt/intlayer_with_vite+solid.md +4 -4
- package/docs/ru/intlayer_with_astro_lit.md +4 -4
- package/docs/ru/intlayer_with_astro_preact.md +4 -4
- package/docs/ru/intlayer_with_astro_react.md +4 -4
- package/docs/ru/intlayer_with_astro_solid.md +4 -4
- package/docs/ru/intlayer_with_astro_svelte.md +4 -4
- package/docs/ru/intlayer_with_astro_vanilla.md +4 -4
- package/docs/ru/intlayer_with_create_react_app.md +4 -4
- package/docs/ru/intlayer_with_nextjs_14.md +4 -4
- package/docs/ru/intlayer_with_nextjs_15.md +4 -4
- package/docs/ru/intlayer_with_nextjs_16.md +4 -4
- package/docs/ru/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/ru/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/ru/intlayer_with_tanstack+solid.md +4 -4
- package/docs/ru/intlayer_with_tanstack.md +4 -4
- package/docs/ru/intlayer_with_vite+preact.md +4 -4
- package/docs/ru/intlayer_with_vite+react.md +4 -4
- package/docs/ru/intlayer_with_vite+solid.md +4 -4
- package/docs/tr/intlayer_with_astro_lit.md +4 -4
- package/docs/tr/intlayer_with_astro_preact.md +4 -4
- package/docs/tr/intlayer_with_astro_react.md +4 -4
- package/docs/tr/intlayer_with_astro_solid.md +4 -4
- package/docs/tr/intlayer_with_astro_svelte.md +4 -4
- package/docs/tr/intlayer_with_astro_vanilla.md +4 -4
- package/docs/tr/intlayer_with_create_react_app.md +4 -4
- package/docs/tr/intlayer_with_nextjs_15.md +4 -4
- package/docs/tr/intlayer_with_nextjs_16.md +4 -4
- package/docs/tr/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/tr/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/tr/intlayer_with_tanstack+solid.md +4 -4
- package/docs/tr/intlayer_with_tanstack.md +4 -4
- package/docs/tr/intlayer_with_vite+preact.md +4 -4
- package/docs/tr/intlayer_with_vite+react.md +4 -4
- package/docs/tr/intlayer_with_vite+solid.md +4 -4
- package/docs/uk/intlayer_with_astro_lit.md +4 -4
- package/docs/uk/intlayer_with_astro_preact.md +4 -4
- package/docs/uk/intlayer_with_astro_react.md +4 -4
- package/docs/uk/intlayer_with_astro_solid.md +4 -4
- package/docs/uk/intlayer_with_astro_svelte.md +4 -4
- package/docs/uk/intlayer_with_astro_vanilla.md +4 -4
- package/docs/uk/intlayer_with_create_react_app.md +4 -4
- package/docs/uk/intlayer_with_nextjs_14.md +4 -4
- package/docs/uk/intlayer_with_nextjs_15.md +4 -4
- package/docs/uk/intlayer_with_nextjs_16.md +4 -4
- package/docs/uk/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/uk/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/uk/intlayer_with_tanstack+solid.md +4 -4
- package/docs/uk/intlayer_with_tanstack.md +4 -4
- package/docs/uk/intlayer_with_vite+preact.md +4 -4
- package/docs/uk/intlayer_with_vite+react.md +4 -4
- package/docs/uk/intlayer_with_vite+solid.md +4 -4
- package/docs/vi/intlayer_with_astro_lit.md +4 -4
- package/docs/vi/intlayer_with_astro_preact.md +4 -4
- package/docs/vi/intlayer_with_astro_react.md +4 -4
- package/docs/vi/intlayer_with_astro_solid.md +4 -4
- package/docs/vi/intlayer_with_astro_svelte.md +4 -4
- package/docs/vi/intlayer_with_astro_vanilla.md +4 -4
- package/docs/vi/intlayer_with_create_react_app.md +4 -4
- package/docs/vi/intlayer_with_nextjs_14.md +4 -4
- package/docs/vi/intlayer_with_nextjs_15.md +4 -4
- package/docs/vi/intlayer_with_nextjs_16.md +4 -4
- package/docs/vi/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/vi/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/vi/intlayer_with_tanstack+solid.md +4 -4
- package/docs/vi/intlayer_with_tanstack.md +4 -4
- package/docs/vi/intlayer_with_vite+preact.md +4 -4
- package/docs/vi/intlayer_with_vite+react.md +4 -4
- package/docs/vi/intlayer_with_vite+solid.md +4 -4
- package/docs/zh/intlayer_with_astro_lit.md +4 -4
- package/docs/zh/intlayer_with_astro_preact.md +4 -4
- package/docs/zh/intlayer_with_astro_react.md +4 -4
- package/docs/zh/intlayer_with_astro_solid.md +4 -4
- package/docs/zh/intlayer_with_astro_svelte.md +4 -4
- package/docs/zh/intlayer_with_astro_vanilla.md +4 -4
- package/docs/zh/intlayer_with_create_react_app.md +4 -4
- package/docs/zh/intlayer_with_nextjs_14.md +4 -4
- package/docs/zh/intlayer_with_nextjs_15.md +4 -4
- package/docs/zh/intlayer_with_nextjs_16.md +4 -4
- package/docs/zh/intlayer_with_nextjs_no_locale_path.md +4 -4
- package/docs/zh/intlayer_with_nextjs_page_router.md +4 -4
- package/docs/zh/intlayer_with_tanstack+solid.md +4 -4
- package/docs/zh/intlayer_with_tanstack.md +4 -4
- package/docs/zh/intlayer_with_vite+preact.md +4 -4
- package/docs/zh/intlayer_with_vite+react.md +4 -4
- package/docs/zh/intlayer_with_vite+solid.md +4 -4
- package/frequent_questions/ar/intlayerNode.md +96 -0
- package/frequent_questions/de/intlayerNode.md +96 -0
- package/frequent_questions/en/intlayerNode.md +96 -0
- package/frequent_questions/en-GB/intlayerNode.md +96 -0
- package/frequent_questions/es/intlayerNode.md +96 -0
- package/frequent_questions/fr/intlayerNode.md +96 -0
- package/frequent_questions/hi/intlayerNode.md +96 -0
- package/frequent_questions/id/intlayerNode.md +96 -0
- package/frequent_questions/it/intlayerNode.md +96 -0
- package/frequent_questions/ja/intlayerNode.md +96 -0
- package/frequent_questions/ko/intlayerNode.md +96 -0
- package/frequent_questions/pl/intlayerNode.md +96 -0
- package/frequent_questions/pt/intlayerNode.md +96 -0
- package/frequent_questions/ru/intlayerNode.md +96 -0
- package/frequent_questions/tr/intlayerNode.md +96 -0
- package/frequent_questions/uk/intlayerNode.md +96 -0
- package/frequent_questions/vi/intlayerNode.md +96 -0
- package/frequent_questions/zh/intlayerNode.md +96 -0
- package/package.json +6 -6
- package/src/generated/frequentQuestions.entry.ts +20 -0
|
@@ -264,10 +264,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
264
264
|
|
|
265
265
|
> `alt`、`title`、`href`、`aria-label` などの `文字列` 属性でコンテンツを使用したい場合は、次のように関数の値を使用できます。
|
|
266
266
|
|
|
267
|
-
> ```
|
|
268
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
269
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
270
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
267
|
+
> ```html
|
|
268
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
269
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
270
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
271
271
|
> ```
|
|
272
272
|
|
|
273
273
|
> **ルーティング設定に関する注意:**
|
|
@@ -264,10 +264,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
264
264
|
|
|
265
265
|
> `alt`、`title`、`href`、`aria-label` などの `文字列` 属性でコンテンツを使用したい場合は、次のように関数の値を使用できます。
|
|
266
266
|
|
|
267
|
-
> ```
|
|
268
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
269
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
270
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
267
|
+
> ```html
|
|
268
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
269
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
270
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
271
271
|
> ```
|
|
272
272
|
|
|
273
273
|
> **ルーティング設定に関する注意:**
|
|
@@ -288,10 +288,10 @@ const { greeting, description, switchLocale } = getIntlayer("app", locale);
|
|
|
288
288
|
|
|
289
289
|
> `alt`、`title`、`href`、`aria-label` などの `文字列` 属性でコンテンツを使用したい場合は、次のように関数の値を使用できます。
|
|
290
290
|
|
|
291
|
-
> ```
|
|
292
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
293
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
294
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
291
|
+
> ```html
|
|
292
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
293
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
294
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
295
295
|
> ```
|
|
296
296
|
|
|
297
297
|
> **ルーティング設定に関する注意:**
|
|
@@ -209,10 +209,10 @@ export default App;
|
|
|
209
209
|
|
|
210
210
|
> 注意: `alt`、`title`、`href`、`aria-label`などの`string`属性でコンテンツを使用したい場合は、関数の値を使用できます。例:
|
|
211
211
|
|
|
212
|
-
> ```
|
|
213
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
214
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
215
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
212
|
+
> ```html
|
|
213
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
214
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
215
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
216
216
|
> ```
|
|
217
217
|
>
|
|
218
218
|
> `useIntlayer`フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/react-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -383,10 +383,10 @@ const ServerComponentExample: FC = () => {
|
|
|
383
383
|
|
|
384
384
|
> コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を使用できます。例えば:
|
|
385
385
|
|
|
386
|
-
> ```
|
|
387
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
388
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
389
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
386
|
+
> ```html
|
|
387
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
388
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
389
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
390
390
|
> ```
|
|
391
391
|
|
|
392
392
|
> `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -371,10 +371,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
371
371
|
|
|
372
372
|
> コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を使用できます。例:
|
|
373
373
|
|
|
374
|
-
> ```
|
|
375
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
376
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
377
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
374
|
+
> ```html
|
|
375
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
376
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
377
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
378
378
|
> ```
|
|
379
379
|
|
|
380
380
|
> `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -405,10 +405,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
405
405
|
|
|
406
406
|
> コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を使用できます。例えば:
|
|
407
407
|
|
|
408
|
-
> ```
|
|
409
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
410
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
411
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
408
|
+
> ```html
|
|
409
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
410
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
411
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
412
412
|
> ```
|
|
413
413
|
|
|
414
414
|
> `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -445,10 +445,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
445
445
|
|
|
446
446
|
> `alt`、`title`、`href`、`aria-label` などの `string` 属性でコンテンツを使用する場合は、関数の値を呼び出す必要があります。例えば:
|
|
447
447
|
|
|
448
|
-
> ```
|
|
449
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
450
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
451
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
448
|
+
> ```html
|
|
449
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
450
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
451
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
452
452
|
> ```
|
|
453
453
|
|
|
454
454
|
> `useIntlayer` フックの詳細は[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -358,10 +358,10 @@ export const ComponentExample: FC = () => {
|
|
|
358
358
|
|
|
359
359
|
> `string`属性(例:`alt`、`title`、`href`、`aria-label`)で翻訳を使用する場合は、関数の値を次のように呼び出してください:
|
|
360
360
|
|
|
361
|
-
> ```
|
|
362
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
363
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
364
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
361
|
+
> ```html
|
|
362
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
363
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
364
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
365
365
|
> ```
|
|
366
366
|
|
|
367
367
|
> `useIntlayer` フックの詳細については、[ドキュメント](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ja/packages/next-intlayer/useIntlayer.md)を参照してください。
|
|
@@ -411,10 +411,10 @@ function RouteComponent() {
|
|
|
411
411
|
|
|
412
412
|
> コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を使用できます。例:
|
|
413
413
|
|
|
414
|
-
> ```
|
|
415
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
416
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
417
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
414
|
+
> ```html
|
|
415
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
416
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
417
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
418
418
|
> ```
|
|
419
419
|
|
|
420
420
|
> Solidでは、`useIntlayer`はリアクティブなコンテンツ(例:`content`)を返します。そのプロパティに直接アクセスできます。
|
|
@@ -253,10 +253,10 @@ function RootDocument({ children }: { children: ReactNode }) {
|
|
|
253
253
|
|
|
254
254
|
> コンテンツを `alt`、`title`、`href`、`aria-label` などの `string` 属性で使用したい場合は、関数の値を使用できます。例:
|
|
255
255
|
|
|
256
|
-
> ```
|
|
257
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
258
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
259
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
256
|
+
> ```html
|
|
257
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
258
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
259
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
260
260
|
> ```
|
|
261
261
|
|
|
262
262
|
### ステップ 6: ロケールレイアウトの作成
|
|
@@ -253,10 +253,10 @@ export default App;
|
|
|
253
253
|
|
|
254
254
|
> `alt`、`title`、`href`、`aria-label`などの`string`属性でコンテンツを使用する場合は、関数の値を次のように呼び出す必要があります:
|
|
255
255
|
>
|
|
256
|
-
> ```
|
|
257
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
258
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
259
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
256
|
+
> ```html
|
|
257
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
258
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
259
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
260
260
|
> ```
|
|
261
261
|
|
|
262
262
|
### (オプション)ステップ6: コンテンツの言語を変更する
|
|
@@ -88,10 +88,10 @@ npx intlayer init
|
|
|
88
88
|
|
|
89
89
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
90
90
|
|
|
91
|
-
> ```
|
|
92
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
93
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
94
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
91
|
+
> ```html
|
|
92
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
93
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
94
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
95
95
|
> ```
|
|
96
96
|
|
|
97
97
|
```bash packageManager="pnpm"
|
|
@@ -87,10 +87,10 @@ npx intlayer init
|
|
|
87
87
|
|
|
88
88
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
89
89
|
|
|
90
|
-
> ```
|
|
91
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
92
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
93
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
90
|
+
> ```html
|
|
91
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
92
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
93
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
94
94
|
> ```
|
|
95
95
|
|
|
96
96
|
```bash packageManager="pnpm"
|
|
@@ -90,10 +90,10 @@ npx intlayer init
|
|
|
90
90
|
|
|
91
91
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
92
92
|
|
|
93
|
-
> ```
|
|
94
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
95
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
96
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
93
|
+
> ```html
|
|
94
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
95
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
96
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
97
97
|
> ```
|
|
98
98
|
|
|
99
99
|
```bash packageManager="pnpm"
|
|
@@ -87,10 +87,10 @@ npx intlayer init
|
|
|
87
87
|
|
|
88
88
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
89
89
|
|
|
90
|
-
> ```
|
|
91
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
92
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
93
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
90
|
+
> ```html
|
|
91
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
92
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
93
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
94
94
|
> ```
|
|
95
95
|
|
|
96
96
|
```bash packageManager="pnpm"
|
|
@@ -87,10 +87,10 @@ npx intlayer init
|
|
|
87
87
|
|
|
88
88
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
89
89
|
|
|
90
|
-
> ```
|
|
91
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
92
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
93
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
90
|
+
> ```html
|
|
91
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
92
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
93
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
94
94
|
> ```
|
|
95
95
|
|
|
96
96
|
```bash packageManager="pnpm"
|
|
@@ -87,10 +87,10 @@ npx intlayer init
|
|
|
87
87
|
|
|
88
88
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `문자열` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 사용할 수 있습니다.
|
|
89
89
|
|
|
90
|
-
> ```
|
|
91
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
92
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
93
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
90
|
+
> ```html
|
|
91
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
92
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
93
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
94
94
|
> ```
|
|
95
95
|
|
|
96
96
|
```bash packageManager="pnpm"
|
|
@@ -209,10 +209,10 @@ export default App;
|
|
|
209
209
|
|
|
210
210
|
> 참고: `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
211
211
|
|
|
212
|
-
> ```
|
|
213
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
214
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
215
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
212
|
+
> ```html
|
|
213
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
214
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
215
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
216
216
|
> ```
|
|
217
217
|
>
|
|
218
218
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -378,10 +378,10 @@ const ServerComponentExample: FC = () => {
|
|
|
378
378
|
|
|
379
379
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
380
380
|
|
|
381
|
-
> ```
|
|
382
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
383
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
384
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
381
|
+
> ```html
|
|
382
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
383
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
384
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
385
385
|
> ```
|
|
386
386
|
|
|
387
387
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -385,10 +385,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
385
385
|
|
|
386
386
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
387
387
|
|
|
388
|
-
> ```
|
|
389
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
390
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
391
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
388
|
+
> ```html
|
|
389
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
390
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
391
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
392
392
|
> ```
|
|
393
393
|
|
|
394
394
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -405,10 +405,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
405
405
|
|
|
406
406
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
407
407
|
|
|
408
|
-
> ```
|
|
409
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
410
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
411
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
408
|
+
> ```html
|
|
409
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
410
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
411
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
412
412
|
> ```
|
|
413
413
|
|
|
414
414
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -451,10 +451,10 @@ export const ServerComponentExample: FC = () => {
|
|
|
451
451
|
|
|
452
452
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에 사용하려면, 함수의 값을 호출해야 합니다. 예:
|
|
453
453
|
>
|
|
454
|
-
> ```
|
|
455
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
456
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
457
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
454
|
+
> ```html
|
|
455
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
456
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
457
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
458
458
|
> ```
|
|
459
459
|
>
|
|
460
460
|
> `useIntlayer` 훅에 대해 자세히 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -471,10 +471,10 @@ const ComponentExample = () => {
|
|
|
471
471
|
|
|
472
472
|
> `string` 속성(예: `alt`, `title`, `href`, `aria-label`)에서 번역을 사용할 때는 다음과 같이 함수 값을 호출하세요:
|
|
473
473
|
|
|
474
|
-
> ```
|
|
475
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
476
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
477
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
474
|
+
> ```html
|
|
475
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
476
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
477
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
478
478
|
> ```
|
|
479
479
|
|
|
480
480
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/next-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -411,10 +411,10 @@ function RouteComponent() {
|
|
|
411
411
|
|
|
412
412
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
413
413
|
|
|
414
|
-
> ```
|
|
415
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
416
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
417
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
414
|
+
> ```html
|
|
415
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
416
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
417
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
418
418
|
> ```
|
|
419
419
|
|
|
420
420
|
> Solid에서 `useIntlayer`는 반응형 콘텐츠(예: `content`)를 반환합니다. 그 속성에 직접 액세스할 수 있습니다.
|
|
@@ -250,10 +250,10 @@ function RootDocument({ children }: { children: ReactNode }) {
|
|
|
250
250
|
|
|
251
251
|
> 콘텐츠를 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
252
252
|
|
|
253
|
-
> ```
|
|
254
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
255
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
256
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
253
|
+
> ```html
|
|
254
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
255
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
256
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
257
257
|
> ```
|
|
258
258
|
|
|
259
259
|
### 6단계: 로케일 레이아웃 생성
|
|
@@ -348,10 +348,10 @@ export default App;
|
|
|
348
348
|
|
|
349
349
|
> 만약 `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
350
350
|
|
|
351
|
-
> ```
|
|
352
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
353
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
354
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
351
|
+
> ```html
|
|
352
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
353
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
354
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
355
355
|
> ```
|
|
356
356
|
|
|
357
357
|
> 참고: Preact에서는 `className` 대신 일반적으로 `class`를 사용합니다.
|
|
@@ -343,10 +343,10 @@ export default App;
|
|
|
343
343
|
|
|
344
344
|
> `alt`, `title`, `href`, `aria-label` 등과 같은 `string` 속성에서 콘텐츠를 사용하려면, 함수의 값을 호출해야 합니다. 예를 들어:
|
|
345
345
|
|
|
346
|
-
> ```
|
|
347
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
348
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
349
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
346
|
+
> ```html
|
|
347
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
348
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
349
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
350
350
|
> ```
|
|
351
351
|
|
|
352
352
|
> `useIntlayer` 훅에 대해 더 알아보려면 [문서](https://github.com/aymericzip/intlayer/blob/main/docs/docs/ko/packages/react-intlayer/useIntlayer.md)를 참조하세요.
|
|
@@ -235,10 +235,10 @@ export default App;
|
|
|
235
235
|
|
|
236
236
|
> `alt`, `title`, `href`, `aria-label` 등의 `string` 속성에서 콘텐츠를 사용하려면 다음과 같이 함수의 값을 호출해야 합니다:
|
|
237
237
|
>
|
|
238
|
-
> ```
|
|
239
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
240
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
241
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
238
|
+
> ```html
|
|
239
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
240
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
241
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
242
242
|
> ```
|
|
243
243
|
|
|
244
244
|
### (선택 사항) 6단계: 콘텐츠 언어 변경하기
|
|
@@ -274,10 +274,10 @@ const { greeting } = getIntlayer("lit-demo", locale);
|
|
|
274
274
|
|
|
275
275
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
276
276
|
|
|
277
|
-
> ```
|
|
278
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
279
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
280
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
277
|
+
> ```html
|
|
278
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
279
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
280
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
281
281
|
> ```
|
|
282
282
|
|
|
283
283
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -269,10 +269,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
269
269
|
|
|
270
270
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
271
271
|
|
|
272
|
-
> ```
|
|
273
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
274
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
275
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
272
|
+
> ```html
|
|
273
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
274
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
275
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
276
276
|
> ```
|
|
277
277
|
|
|
278
278
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -269,10 +269,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
269
269
|
|
|
270
270
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
271
271
|
|
|
272
|
-
> ```
|
|
273
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
274
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
275
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
272
|
+
> ```html
|
|
273
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
274
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
275
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
276
276
|
> ```
|
|
277
277
|
|
|
278
278
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -265,10 +265,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
265
265
|
|
|
266
266
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
267
267
|
|
|
268
|
-
> ```
|
|
269
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
270
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
271
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
268
|
+
> ```html
|
|
269
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
270
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
271
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
272
272
|
> ```
|
|
273
273
|
|
|
274
274
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -265,10 +265,10 @@ const { title } = getIntlayer("app", locale);
|
|
|
265
265
|
|
|
266
266
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
267
267
|
|
|
268
|
-
> ```
|
|
269
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
270
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
271
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
268
|
+
> ```html
|
|
269
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
270
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
271
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
272
272
|
> ```
|
|
273
273
|
|
|
274
274
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -289,10 +289,10 @@ const { greeting, description, switchLocale } = getIntlayer("app", locale);
|
|
|
289
289
|
|
|
290
290
|
> Jeśli chcesz użyć swojej treści w atrybucie `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., możesz użyć wartości funkcji, np.:
|
|
291
291
|
|
|
292
|
-
> ```
|
|
293
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
294
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
295
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
292
|
+
> ```html
|
|
293
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
294
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
295
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
296
296
|
> ```
|
|
297
297
|
|
|
298
298
|
> **Uwaga na temat konfiguracji routingu:**
|
|
@@ -216,10 +216,10 @@ export default App;
|
|
|
216
216
|
|
|
217
217
|
> Uwaga: Jeśli chcesz użyć swojej zawartości w atrybucie typu `string`, takim jak `alt`, `title`, `href`, `aria-label` itp., musisz wywołać wartość funkcji, na przykład:
|
|
218
218
|
|
|
219
|
-
> ```
|
|
220
|
-
> <img src={content.image.src.value} alt={content.image.value} />
|
|
221
|
-
> <img src={content.image.src.toString()} alt={content.image.toString()} />
|
|
222
|
-
> <img src={String(content.image.src)} alt={String(content.image)} />
|
|
219
|
+
> ```html
|
|
220
|
+
> <img src="{content.image.src.value}" alt="{content.image.value}" />
|
|
221
|
+
> <img src="{content.image.src.toString()}" alt="{content.image.toString()}" />
|
|
222
|
+
> <img src="{String(content.image.src)}" alt="{String(content.image)}" />
|
|
223
223
|
> ```
|
|
224
224
|
|
|
225
225
|
> Aby dowiedzieć się więcej o hooku `useIntlayer`, zapoznaj się z [dokumentacją](https://github.com/aymericzip/intlayer/blob/main/docs/docs/pl/packages/react-intlayer/useIntlayer.md).
|