From 8f7730c48fc3af4a72eee132c5c1874ed249566b Mon Sep 17 00:00:00 2001
From: lostdesign <info@lost.design>
Date: Thu, 20 Jun 2019 13:34:08 +0200
Subject: [PATCH] basic implementation of i18n for text

---
 components/Sidebar.vue | 1 +
 locales/de.json        | 5 +++++
 locales/en.json        | 5 +++++
 locales/fr.json        | 5 +++++
 pages/index.vue        | 3 +--
 5 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 locales/de.json
 create mode 100644 locales/en.json
 create mode 100644 locales/fr.json

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index aae7849..aa0be75 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -2,6 +2,7 @@
   aside.nav
     .sidebar
       template(v-for='category in categories')
+        //- nuxt-link(:to='$i18n.path(category.slug)') {{ category.title }}
         nuxt-link(:to='category.slug') {{ category.title }}
 </template>
 
diff --git a/locales/de.json b/locales/de.json
new file mode 100644
index 0000000..0e0ed39
--- /dev/null
+++ b/locales/de.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "Was ist 💎 webgems?"
+  }
+}
diff --git a/locales/en.json b/locales/en.json
new file mode 100644
index 0000000..2b8a643
--- /dev/null
+++ b/locales/en.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "What is 💎 webgems?"
+  }
+}
diff --git a/locales/fr.json b/locales/fr.json
new file mode 100644
index 0000000..2b8a643
--- /dev/null
+++ b/locales/fr.json
@@ -0,0 +1,5 @@
+{
+  "general": {
+    "siteTitle": "What is 💎 webgems?"
+  }
+}
diff --git a/pages/index.vue b/pages/index.vue
index 6609795..3670782 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,8 +1,7 @@
 <template lang="pug">
 .welcome
   main
-    h1.text-black.font-bold.text-xl.mb-2 What is&nbsp;
-      span 💎 webgems?
+    h1.text-black.font-bold.text-xl.mb-2 {{ $t('general.siteTitle') }}
     p Webgems is a goto place for devs and designers to find new resources and more. As a beginner it's sometimes not easy to find what you need since you don't know what you should look for.
     p Therefore i created this project to have the most common and best resources for beginners and veterans in one place. Kinda like a bookmarks list for devs and designers, containing only the best gems out there.
     p If you want to add your own gem, go ahead and open a pull request on github (click on that octocat at the top right corner).&nbsp;