docs(i18n):readme support korean

Author: guocaoyi

CHANGELOG.md

@@ -15,6 +15,7 @@ Summary
 - feat: depen version update, <[email protected]>
 - feat: support devtool panel
 - doc: update README.md
+- doc: i18n, supprt French \ Deutsch \ Русский \ 日本語 \ Indonesian
 
 ## 0.8.9 [2023.10.09]
 

README.md

@@ -15,7 +15,7 @@
 - 🥢 Multiple Language Supported ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
 - 🧶 Optimized Builds (Background \ Content \ Popup \ Options \ SidePanel \ DevtoolsPanel)
 
-[English](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [Deutsch](./docs/README.de-DE.md) · [Русский](./docs/README.ja-JP.md) · [日本語](./docs/README.ja-JP.md)
+[English](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [한국어](./docs/README.ko-KR.md) · [Indonesian](./docs/README.id-ID.md) · [Русский](./docs/README.ja-JP.md) · [Deutsch](./docs/README.de-DE.md) · [日本語](./docs/README.ja-JP.md) (Translation support by ChatGPT)
 
 ## Installing
 

docs/README.ko-KR.md

@@ -0,0 +1,70 @@
+# Chrome 확장 프로그램 만들기 (.crx)
+
+![crx 미리보기](./img/crx-preview.png)
+[![OSCS 상태](https://www.oscs1024.com/platform/badge/guocaoyi/create-chrome-ext.svg?size=small)](https://www.oscs1024.com/project/guocaoyi/create-chrome-ext?ref=badge_small)
+[![npm](https://img.shields.io/npm/v/create-chrome-ext?logo=npm)](https://www.npmjs.com/package/create-chrome-ext)
+[![npm 다운로드](https://img.shields.io/npm/dw/create-chrome-ext)](https://www.npmjs.com/package/create-chrome-ext)
+![GitHub 언어 수](https://img.shields.io/github/languages/count/guocaoyi/create-chrome-ext)
+[![npm 게시](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml)
+
+> 여러 보일러플레이트를 지원하는 Chrome 확장 프로그램 구조를 만듭니다!
+
+- 🚀 HMR을 통한 빠른 업데이트([Vite4](https://vitejs.dev) 사용)
+- 🥡 즉시 사용 가능
+- 🌈 여러 프런트엔드 프레임워크 지원 ([React](https://reactjs.org) · [Vue](https://vuejs.org) · [Svelte](https://svelte.dev) · [Preact](https://preactjs.com) · [Solid](https://www.solidjs.com) · [Alpine](https://alpinejs.dev) · [Lit](https://lit.dev) · [Inferno](https://www.infernojs.org) · [Stencil](https://stenciljs.com) · [Vanilla](http://vanilla-js.com))
+- 🥢 다양한 언어 지원 ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/))
+- 🧶 최적화된 빌드 (백그라운드 · 컨텐츠 · 팝업 · 옵션 · 사이드패널 · 개발도구 패널)
+
+[EN](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [Deutsch](./docs/README.de-DE.md) · [日本語](./docs/README.ja-JP.md)
+
+## 설치
+
+> Node >= 14.18.0
+
+```bash
+# npm-create 명령어를 사용하거나 pnpm 또는 yarn을 사용하세요
+λ npm create chrome-ext
+
+# 또는 npx 명령어를 사용하세요
+λ npx create-chrome-ext
+
+# 또는 npm-init 명령어를 사용하세요
+λ npm init chrome-ext
+```
+
+## 사용 방법
+
+추가 명령 줄 옵션을 사용하여 프로젝트 이름 및 사용하려는 템플릿을 직접 지정할 수도 있습니다. 예를 들어, Vite + Svelte 프로젝트 구조를 생성하려면 다음을 실행하세요:
+
+```bash
+# npm 6.x
+λ npm create chrome-ext@latest my-crx-app --template svelte-js
+
+# 또는 npm 7+에서는 추가 이중 대시가 필요합니다:
+λ npm create chrome-ext@latest my-crx-app -- --template react-ts
+
+# 또는 yarn을 사용하세요
+λ yarn create chrome-ext my-crx-app --template vue-ts
+
+# 또는 pnpm을 사용하세요
+λ pnpm create chrome-ext my-crx-app --template vanilla-ts
+```
+
+또한 `crx` CLI로 프로젝트를 생성할 수도 있습니다. 다음을 실행하세요:
+
+```bash
+λ npm install create-chrome-ext --global
+
+# 그런 다음
+λ crx my-crx-app
+# 또는
+λ crx my-crx-app --template preact-js
+# 또는 create-chrome-exe (글로벌 환경 사용)
+λ create-chrome-ext my-crx-app
+```
+
+## 미리보기
+
+![crx 실행](./img/crx-run.png)
+![crx 설치](./img/crx-install.png)
+![crx 빌드](./img/crx-build.png)

mustache/CHANGELOG.md.mustache

@@ -12,4 +12,4 @@ Summary
 ## 0.0.0 [{{ now }}]
 
 - feat: initial
-- feat: generator by ![create-chrome-ext](https://www.npmjs.com/package/create-chrome-ext)
+- feat: generator by ![create-chrome-ext](https://github.com/guocaoyi/create-chrome-ext)

mustache/README.md.mustache

@@ -25,9 +25,9 @@ $ npm run dev
 
 ### Nomal FrontEnd Developer Mode
 
-1. access `http://localhost:3000/`
-2. when debugging popup page, open `/popup.html`
-3. when debugging options page, open `/options.html`
+1. access `http://0.0.0.0:3000/`
+2. when debugging popup page, open `http://0.0.0.0:3000//popup.html`
+3. when debugging options page, open `http://0.0.0.0:3000//options.html`
 
 ## Packing
 

template-react-js/popup.html

@@ -9,6 +9,5 @@
   <body>
     <div id="app"></div>
     <script type="module" src="/src/popup/index.jsx"></script>
-    <a href="pages/page.html">Test Page</a>
   </body>
 </html>

template-react-ts/popup.html

@@ -9,6 +9,5 @@
   <body>
     <div id="app"></div>
     <script type="module" src="/src/popup/index.tsx"></script>
-    <a href="/pages/page.html">LINK TO PAGE.html</a>
   </body>
 </html>