From 1ae914dc43c8320c9a033c12cd2bea9c4073d31f Mon Sep 17 00:00:00 2001
From: moduvoice <moduvoicr77@gmail.com>
Date: Sat, 11 Jul 2026 20:58:47 +0700
Subject: [PATCH] Add Korean (ko) translation

Adds src/i18n/ko.json with a complete Korean translation matching the
full key structure of en.json (30 keys across header, form, modal,
grid, explain, and utils sections), and registers it in
src/i18n/index.js alongside the existing en/es/zh/pt/fr locales so it
is picked up automatically for browser locales starting with "ko".
---
 src/i18n/index.js |  4 +++-
 src/i18n/ko.json  | 48 +++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 src/i18n/ko.json

diff --git a/src/i18n/index.js b/src/i18n/index.js
index 83e7aee..dc01a6a 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -5,6 +5,7 @@ import es from './es.json'
 import zh from './zh.json'
 import pt from './pt.json'
 import fr from './fr.json'
+import ko from './ko.json'
 
 Vue.use(VueI18n)
 
@@ -19,7 +20,8 @@ export function createI18n () {
       'es': es,
       'zh': zh,
       'pt': pt,
-      'fr': fr
+      'fr': fr,
+      'ko': ko
     }
   })
 };
diff --git a/src/i18n/ko.json b/src/i18n/ko.json
new file mode 100644
index 0000000..ba3aa6a
--- /dev/null
+++ b/src/i18n/ko.json
@@ -0,0 +1,48 @@
+{
+  "header": {
+    "builtby": "🌮와 함께 만든 사람:"
+  },
+  "form": {
+    "columns": "열",
+    "rows": "행",
+    "columngap": "열 간격",
+    "rowgap": "행 간격",
+    "codebutton": "코드 좀 보여주실래요?",
+    "project": "이 프로젝트는 무엇을 하나요?",
+    "reset": "그리드 초기화",
+    "units": "(px 단위)"
+  },
+  "modal": {
+    "header": {
+      "yourcode": "내 그리드 코드",
+      "what": "이게 뭔가요?"
+    },
+    "copy": {
+      "title": "아래 코드를 복사하세요:",
+      "clipboard": "클립보드에 복사!",
+      "clipboardSuccess": "코드가 복사되었습니다!",
+      "html": "HTML 보기",
+      "css": "CSS 보기"
+    },
+    "button": "완료"
+  },
+  "grid": {
+    "realcssunit": "진짜 CSS 단위를 사용하세요, 장난꾸러기 씨!"
+  },
+  "explain": {
+    "paragraph1": "열과 행의 개수와 단위를 설정하면 CSS 그리드를 생성해 드려요! <strong>박스 안에서 드래그</strong>하면 그리드 안에 배치되는 div를 만들 수 있어요.",
+    "paragraph2": "이 프로젝트가 기본적인 레이아웃을 빠르게 시작하도록 도와주긴 하지만, CSS 그리드의 모든 기능을 다루는 것은 아니에요. CSS 그리드 기능을 빠르게 사용해볼 수 있는 방법일 뿐입니다.",
+    "paragraph3": "많은 사람들이 그리드를 너무 복잡하고 이해하기 어렵다고 느껴서 사용하지 않는다는 걸 알게 됐어요. 그리드는 정말 다양한 기능을 제공하지만, 이 작은 생성기는 그중 일부만 다루고 있어요. 이 도구의 목적은 사람들이 빠르게 시작해서 더 흥미로운 레이아웃을 만들 수 있도록 돕는 거예요.",
+    "paragraph4": "이 도구에 익숙해졌다면, 더 깊이 배우기 위해 다음 분들의 자료를 참고해보세요:",
+    "cssguide": "CSS-Tricks의 CSS 그리드 가이드",
+    "paragraph5": "의 글을 살펴보세요. 참고할 만한 자료로는",
+    "paragraph6": "도 있고, 재미있는 미니 게임인",
+    "paragraph7": "도 있으니 꼭 확인해보세요!",
+    "contributions": "이 프로젝트는 기여를 환영합니다!",
+    "fork": "여기서 포크해보세요.",
+    "note": "참고: 화면 읽기 프로그램은 div를 추가한 순서대로 읽습니다. 그리드를 구성할 때 이 점을 유념해주세요."
+  },
+  "utils": {
+    "and": "그리고"
+  }
+}