From 2ed8421f0be3922277a16314753edfb29feb4c13 Mon Sep 17 00:00:00 2001
From: Morichan <morichan.keisuke.mori@gmail.com>
Date: Fri, 8 May 2020 04:51:54 +0900
Subject: [PATCH 1/5] =?UTF-8?q?:sparkles:=20feat(language=20menu):=20?=
 =?UTF-8?q?=E5=A4=9A=E8=A8=80=E8=AA=9E=E9=81=B8=E6=8A=9E=E3=83=A1=E3=83=8B?=
 =?UTF-8?q?=E3=83=A5=E3=83=BC=E3=81=AE=E4=B8=8A=E9=83=A8=E7=A7=BB=E5=8B=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

多言語選択メニューを上部に移動する。

下記プルリクを参考にした。

https://github.com/tokyo-metropolitan-gov/covid19/pull/1866
---
 components/SideNavigation.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/SideNavigation.vue b/components/SideNavigation.vue
index d103b32e3088a..55a31178e93dd 100644
--- a/components/SideNavigation.vue
+++ b/components/SideNavigation.vue
@@ -30,7 +30,6 @@
       </v-icon>
 
       <nav class="SideNavigation-Menu">
-        <MenuList :items="items" @click="$emit('closeNavi', $event)" />
         <div
           v-if="this.$i18n.locales.length > 1"
           class="SideNavigation-Language"
@@ -42,6 +41,7 @@
           </label>
           <LanguageSelector />
         </div>
+        <MenuList :items="items" @click="$emit('closeNavi', $event)" />
       </nav>
 
       <footer class="SideNavigation-Footer">
@@ -381,7 +381,7 @@ export default Vue.extend({
 }
 
 .SideNavigation-Language {
-  padding-top: 20px;
+  padding-bottom: 20px;
 }
 
 .SideNavigation-LanguageLabel {

From b249c438f34c30dd34d4b52ce745bb5f92d52587 Mon Sep 17 00:00:00 2001
From: Morichan <morichan.keisuke.mori@gmail.com>
Date: Sun, 17 May 2020 18:15:13 +0900
Subject: [PATCH 2/5] =?UTF-8?q?:sparkles:=20feat(easy=20Japanese):=20?=
 =?UTF-8?q?=E3=82=84=E3=81=95=E3=81=97=E3=81=84=E6=97=A5=E6=9C=AC=E8=AA=9E?=
 =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AE=E3=83=AA=E3=83=B3=E3=82=AF?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

やさしい日本語ページのリンクを追加する。
アイコンは、下記を参考にした。

https://vuetifyjs.com/ja/components/icons/

https://materialdesignicons.com/icon/human-child
---
 assets/locales/en.json        | 1 +
 assets/locales/ja-Hira.json   | 1 +
 assets/locales/ja.json        | 1 +
 components/SideNavigation.vue | 5 +++++
 4 files changed, 8 insertions(+)

diff --git a/assets/locales/en.json b/assets/locales/en.json
index e7d25f5739a63..8aad02312e5f3 100644
--- a/assets/locales/en.json
+++ b/assets/locales/en.json
@@ -157,6 +157,7 @@
   "サイドメニュー項目を開く": "Open side menu items",
   "サイドメニュー項目を閉じる": "Close side menu items",
   "お子様をお持ちの皆様へ": "To families with children",
+  "子供の皆様へ": "こどものみなさん",
   "県民の皆様へ": "To the residents of Miyazaki",
   "宮崎県新型コロナウイルス感染症関連情報": "Information on the new coronavirus infection in Miyazaki Prefecture",
   "宮崎県主催イベント等の開催に関する基準": "Standards for Holding Events Organized by Miyazaki Prefecture",
diff --git a/assets/locales/ja-Hira.json b/assets/locales/ja-Hira.json
index c90ac1df474cc..99c4d02142d0e 100644
--- a/assets/locales/ja-Hira.json
+++ b/assets/locales/ja-Hira.json
@@ -145,6 +145,7 @@
   "print": "印刷（いんさつ）",
   "サイドメニュー項目を開く": "なにか 知（し）りたいときに ひだりの サイドメニューボタンを おす",
   "サイドメニュー項目を閉じる": "なにか 知（し）りたいときに ひだりの サイドメニューボタンを とじる",
+  "子供の皆様へ": "こどものみなさん",
   "県民の皆様へ": "宮崎県（みやざきけん）に すんでいる 人（ひと）",
   "宮崎県新型コロナウイルス感染症関連情報": "宮崎県（みやざきけん）からの おしらせ",
   "宮崎県主催イベント等の開催に関する基準": "あつまりを やめる めやす",
diff --git a/assets/locales/ja.json b/assets/locales/ja.json
index fb3fec205544c..cb04b378011fa 100644
--- a/assets/locales/ja.json
+++ b/assets/locales/ja.json
@@ -160,6 +160,7 @@
   "サイドメニュー項目を開く": "サイドメニュー項目を開く",
   "サイドメニュー項目を閉じる": "サイドメニュー項目を閉じる",
   "お子様をお持ちの皆様へ": "お子様をお持ちの皆様へ",
+  "子供の皆様へ": "こどものみなさん",
   "県民の皆様へ": "県民の皆様へ",
   "宮崎県新型コロナウイルス感染症対策本部報": "宮崎県新型コロナウイルス感染症対策本部報",
   "宮崎県主催等 中止又は延期するイベント等": "宮崎県主催等 中止又は延期するイベント等",
diff --git a/components/SideNavigation.vue b/components/SideNavigation.vue
index 55a31178e93dd..cb0487445ccc8 100644
--- a/components/SideNavigation.vue
+++ b/components/SideNavigation.vue
@@ -134,6 +134,11 @@ export default Vue.extend({
           link: this.localePath('/'),
           divider: true
         },
+        {
+          icon: 'mdi-human-child',
+          title: this.$t('子供の皆様へ'),
+          link: this.switchLocalePath('ja-basic'),
+        },
         {
           icon: 'ParentIcon',
           title: this.$t('お子様をお持ちの皆様へ'),

From 4e46b24550a2066f8176e3c0be0cde0f2273be0b Mon Sep 17 00:00:00 2001
From: Morichan <morichan.keisuke.mori@gmail.com>
Date: Sun, 17 May 2020 21:45:01 +0900
Subject: [PATCH 3/5] =?UTF-8?q?:bug:=20fix(eslint):=20ESLint=E3=81=AE?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://ithub.com/covid19-miyazaki/covid19/pull/225/checks?check_run_id=682662810
---
 components/SideNavigation.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/SideNavigation.vue b/components/SideNavigation.vue
index cb0487445ccc8..423d0b1230fc2 100644
--- a/components/SideNavigation.vue
+++ b/components/SideNavigation.vue
@@ -137,7 +137,7 @@ export default Vue.extend({
         {
           icon: 'mdi-human-child',
           title: this.$t('子供の皆様へ'),
-          link: this.switchLocalePath('ja-basic'),
+          link: this.switchLocalePath('ja-basic')
         },
         {
           icon: 'ParentIcon',

From 98a758154ddded5c18ac25ab6784442ff6866d9d Mon Sep 17 00:00:00 2001
From: Morichan <morichan.keisuke.mori@gmail.com>
Date: Mon, 18 May 2020 21:24:18 +0900
Subject: [PATCH 4/5] =?UTF-8?q?:sparkles:=20feat(view):=20=E3=80=8C?=
 =?UTF-8?q?=E3=81=93=E3=81=A9=E3=82=82=E3=81=AE=E3=81=BF=E3=81=AA=E3=81=95?=
 =?UTF-8?q?=E3=82=93=E3=80=8D=E3=83=AA=E3=83=B3=E3=82=AF=E3=81=AE=E7=A7=BB?=
 =?UTF-8?q?=E5=8B=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

下記レビュー指摘より、次の修正をする。

- 「こどものみなさん」リンクを「多言語選択メニュー」下に移動
- SideNavigation-Language下部の間隔縮減
- MenuList上部のボーダーライン除去

https://github.com/covid19-miyazaki/covid19/pull/225#issuecomment-629806860

https://github.com/covid19-miyazaki/covid19/pull/225#issuecomment-630122928
---
 components/MenuList.vue       |  7 ++++---
 components/SideNavigation.vue | 13 +++++++------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/components/MenuList.vue b/components/MenuList.vue
index d8312dc502cc9..5a3d2540cbf8e 100644
--- a/components/MenuList.vue
+++ b/components/MenuList.vue
@@ -99,9 +99,10 @@ export default Vue.extend({
   padding: 12px 0;
   border-bottom: 1px solid $gray-4;
 
-  @include largerThan($small) {
-    border-top: 1px solid $gray-4;
-  }
+  // Issue #225 のため除去
+  // @include largerThan($small) {
+  //   border-top: 1px solid $gray-4;
+  // }
 }
 
 .MenuList-Item {
diff --git a/components/SideNavigation.vue b/components/SideNavigation.vue
index 423d0b1230fc2..71c29d023f775 100644
--- a/components/SideNavigation.vue
+++ b/components/SideNavigation.vue
@@ -128,17 +128,18 @@ export default Vue.extend({
   computed: {
     items(): Item[] {
       return [
+        {
+          icon: 'mdi-human-child',
+          title: this.$t('子供の皆様へ'),
+          link: this.switchLocalePath('ja-basic'),
+          divider: true
+        },
         {
           icon: 'mdi-chart-timeline-variant',
           title: this.$t('県内の最新感染動向'),
           link: this.localePath('/'),
           divider: true
         },
-        {
-          icon: 'mdi-human-child',
-          title: this.$t('子供の皆様へ'),
-          link: this.switchLocalePath('ja-basic')
-        },
         {
           icon: 'ParentIcon',
           title: this.$t('お子様をお持ちの皆様へ'),
@@ -386,7 +387,7 @@ export default Vue.extend({
 }
 
 .SideNavigation-Language {
-  padding-bottom: 20px;
+  padding-bottom: 5px;
 }
 
 .SideNavigation-LanguageLabel {

From b041c3411efa857f8b89bfdaae2f4bbcdf948f47 Mon Sep 17 00:00:00 2001
From: Morichan <morichan.keisuke.mori@gmail.com>
Date: Mon, 18 May 2020 21:35:25 +0900
Subject: [PATCH 5/5] :bug: fix(typo): s/Lauguage/Language/g

---
 components/LanguageSelector.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/LanguageSelector.vue b/components/LanguageSelector.vue
index 6f0ddf7746355..721f783c0f4a6 100644
--- a/components/LanguageSelector.vue
+++ b/components/LanguageSelector.vue
@@ -1,13 +1,13 @@
 <template>
-  <div class="LauguageSelector">
-    <div class="LauguageSelector-Background">
+  <div class="LanguageSelector">
+    <div class="LanguageSelector-Background">
       <EarthIcon class="EarthIcon" aria-hidden="true" />
       <SelectMenuIcon class="SelectMenuIcon" aria-hidden="true" />
     </div>
     <select
       id="LanguageSelector"
       v-model="currentLocaleCode"
-      class="LauguageSelector-Menu"
+      class="LanguageSelector-Menu"
       @change="handleChangeLanguage"
     >
       <option
@@ -50,11 +50,11 @@ export default Vue.extend({
 </script>
 
 <style lang="scss" scoped>
-.LauguageSelector {
+.LanguageSelector {
   position: relative;
 }
 
-.LauguageSelector-Background {
+.LanguageSelector-Background {
   display: flex;
   align-items: center;
   padding: 0 6px;
@@ -77,7 +77,7 @@ export default Vue.extend({
   }
 }
 
-.LauguageSelector-Menu {
+.LanguageSelector-Menu {
   // select 要素のリセット
   -webkit-appearance: none;
   -moz-appearance: none;