From 992785205e5d6a4899d7871c5921dc95b1f77e54 Mon Sep 17 00:00:00 2001
From: nichesuch <niche.and.such@gmail.com>
Date: Thu, 23 Sep 2021 22:57:44 +0900
Subject: [PATCH 1/3] =?UTF-8?q?=E5=90=84=E3=82=AB=E3=83=BC=E3=83=89?=
 =?UTF-8?q?=E3=81=ABID=E3=82=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index/CardsFeatured/ConfirmedCasesDetails/Card.vue     | 7 ++++++-
 .../index/CardsFeatured/ConfirmedCasesNumber/Card.vue      | 7 ++++++-
 .../InfectionMedicalCareProvisionStatus/Card.vue           | 1 +
 components/index/CardsFeatured/MonitoringComment/Card.vue  | 7 ++++++-
 .../CardsFeatured/TelephoneAdvisoryReportsNumber/Card.vue  | 7 ++++++-
 components/index/CardsFeatured/TestedNumber/Card.vue       | 7 ++++++-
 .../TokyoFeverConsultationCenterReportsNumber/Card.vue     | 1 +
 components/index/CardsFeatured/Vaccination/Card.vue        | 2 +-
 .../CardsMonitoring/ConsultationAboutFeverNumber/Card.vue  | 7 ++++++-
 .../index/CardsMonitoring/HospitalizedNumber/Card.vue      | 7 ++++++-
 .../MonitoringConfirmedCasesNumber/Card.vue                | 7 ++++++-
 .../index/CardsMonitoring/MonitoringItemsOverview/Card.vue | 7 ++++++-
 components/index/CardsMonitoring/PositiveRate/Card.vue     | 2 +-
 components/index/CardsMonitoring/SevereCase/Card.vue       | 7 ++++++-
 .../CardsMonitoring/TokyoRulesApplicationNumber/Card.vue   | 7 ++++++-
 components/index/CardsMonitoring/UntrackedRate/Card.vue    | 7 ++++++-
 components/index/CardsReference/Agency/Card.vue            | 2 +-
 .../index/CardsReference/ConfirmedCasesAttributes/Card.vue | 7 ++++++-
 .../CardsReference/ConfirmedCasesByMunicipalities/Card.vue | 7 ++++++-
 components/index/CardsReference/DeathsByDeathDate/Card.vue | 7 ++++++-
 components/index/CardsReference/Metro/Card.vue             | 7 ++++++-
 .../MonitoringConsultationDeskReportsNumber/Card.vue       | 1 +
 .../CardsReference/PositiveNumberByDevelopedDate/Card.vue  | 7 ++++++-
 .../CardsReference/PositiveNumberByDiagnosedDate/Card.vue  | 7 ++++++-
 .../index/CardsReference/PositiveNumberOver65/Card.vue     | 7 ++++++-
 components/index/CardsReference/Variant/Card.vue           | 2 +-
 26 files changed, 121 insertions(+), 23 deletions(-)

diff --git a/components/index/CardsFeatured/ConfirmedCasesDetails/Card.vue b/components/index/CardsFeatured/ConfirmedCasesDetails/Card.vue
index a26a5971bdff5..085a8a8fd1192 100644
--- a/components/index/CardsFeatured/ConfirmedCasesDetails/Card.vue
+++ b/components/index/CardsFeatured/ConfirmedCasesDetails/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard ConfirmedCasesDetailsCard">
+  <v-col
+    id="details-of-confirmed-cases"
+    cols="12"
+    md="6"
+    class="DataCard ConfirmedCasesDetailsCard"
+  >
     <client-only>
       <data-view
         :title="$t('検査陽性者の状況')"
diff --git a/components/index/CardsFeatured/ConfirmedCasesNumber/Card.vue b/components/index/CardsFeatured/ConfirmedCasesNumber/Card.vue
index b9340c903037e..941e9766b1e27 100644
--- a/components/index/CardsFeatured/ConfirmedCasesNumber/Card.vue
+++ b/components/index/CardsFeatured/ConfirmedCasesNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard ConfirmedCasesNumberCard">
+  <v-col
+    id="number-of-confirmed-cases"
+    cols="12"
+    md="6"
+    class="DataCard ConfirmedCasesNumberCard"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('報告日別による陽性者数の推移')"
diff --git a/components/index/CardsFeatured/InfectionMedicalCareProvisionStatus/Card.vue b/components/index/CardsFeatured/InfectionMedicalCareProvisionStatus/Card.vue
index fd74f01689722..0ed8771b5a253 100644
--- a/components/index/CardsFeatured/InfectionMedicalCareProvisionStatus/Card.vue
+++ b/components/index/CardsFeatured/InfectionMedicalCareProvisionStatus/Card.vue
@@ -1,5 +1,6 @@
 <template>
   <v-col
+    id="infection-medical-care-provision-status"
     cols="12"
     md="6"
     class="DataCard InfectionMedicalCareProvisionStatusCard"
diff --git a/components/index/CardsFeatured/MonitoringComment/Card.vue b/components/index/CardsFeatured/MonitoringComment/Card.vue
index a10263b0d3092..a21210b11e521 100644
--- a/components/index/CardsFeatured/MonitoringComment/Card.vue
+++ b/components/index/CardsFeatured/MonitoringComment/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard MonitoringCommentCard">
+  <v-col
+    id="monitoring-comment"
+    cols="12"
+    md="6"
+    class="DataCard MonitoringCommentCard"
+  >
     <client-only>
       <data-view
         :title="'感染状況・医療提供体制の分析'"
diff --git a/components/index/CardsFeatured/TelephoneAdvisoryReportsNumber/Card.vue b/components/index/CardsFeatured/TelephoneAdvisoryReportsNumber/Card.vue
index 8e81d1c97ae13..d0132e56f53c3 100644
--- a/components/index/CardsFeatured/TelephoneAdvisoryReportsNumber/Card.vue
+++ b/components/index/CardsFeatured/TelephoneAdvisoryReportsNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard TelephoneAdvisoryReportsNumberCard">
+  <v-col
+    id="number-of-reports-to-covid19-telephone-advisory-center"
+    cols="12"
+    md="6"
+    class="DataCard TelephoneAdvisoryReportsNumberCard"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('新型コロナコールセンター相談件数')"
diff --git a/components/index/CardsFeatured/TestedNumber/Card.vue b/components/index/CardsFeatured/TestedNumber/Card.vue
index cb6c06eade7f0..17b5693791fdd 100644
--- a/components/index/CardsFeatured/TestedNumber/Card.vue
+++ b/components/index/CardsFeatured/TestedNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard TestedNumberCard">
+  <v-col
+    id="number-of-tested"
+    cols="12"
+    md="6"
+    class="DataCard TestedNumberCard"
+  >
     <client-only>
       <chart
         :title="$t('検査実施件数')"
diff --git a/components/index/CardsFeatured/TokyoFeverConsultationCenterReportsNumber/Card.vue b/components/index/CardsFeatured/TokyoFeverConsultationCenterReportsNumber/Card.vue
index b115431e8cfb2..f2a0a1ef0ae3c 100644
--- a/components/index/CardsFeatured/TokyoFeverConsultationCenterReportsNumber/Card.vue
+++ b/components/index/CardsFeatured/TokyoFeverConsultationCenterReportsNumber/Card.vue
@@ -1,5 +1,6 @@
 <template>
   <v-col
+    id="number-of-reports-to-tokyo-fever-consultation-center"
     cols="12"
     md="6"
     class="DataCard TokyoFeverConsultationCenterReportsNumberCard"
diff --git a/components/index/CardsFeatured/Vaccination/Card.vue b/components/index/CardsFeatured/Vaccination/Card.vue
index f27759d3e6710..22326d27096e9 100644
--- a/components/index/CardsFeatured/Vaccination/Card.vue
+++ b/components/index/CardsFeatured/Vaccination/Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard VaccinationCard">
+  <v-col id="vaccination" cols="12" md="6" class="DataCard VaccinationCard">
     <client-only>
       <chart
         :title="$t('ワクチン接種数（累計）')"
diff --git a/components/index/CardsMonitoring/ConsultationAboutFeverNumber/Card.vue b/components/index/CardsMonitoring/ConsultationAboutFeverNumber/Card.vue
index 04eed49c9366e..4757f3a923b1b 100644
--- a/components/index/CardsMonitoring/ConsultationAboutFeverNumber/Card.vue
+++ b/components/index/CardsMonitoring/ConsultationAboutFeverNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard ConsultationAboutFeverNumberCard">
+  <v-col
+    id="number-of-reports-to-consultations-about-fever-in-7119"
+    cols="12"
+    md="6"
+    class="DataCard ConsultationAboutFeverNumberCard"
+  >
     <client-only>
       <mixed-bar-and-line-chart
         :title="$t('モニタリング項目(2)')"
diff --git a/components/index/CardsMonitoring/HospitalizedNumber/Card.vue b/components/index/CardsMonitoring/HospitalizedNumber/Card.vue
index 850ffa35cb615..bbd56016b6a34 100644
--- a/components/index/CardsMonitoring/HospitalizedNumber/Card.vue
+++ b/components/index/CardsMonitoring/HospitalizedNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard HospitalizedNumberCard">
+  <v-col
+    id="number-of-hospitalized"
+    cols="12"
+    md="6"
+    class="DataCard HospitalizedNumberCard"
+  >
     <client-only>
       <chart
         :title="$t('モニタリング項目(6)')"
diff --git a/components/index/CardsMonitoring/MonitoringConfirmedCasesNumber/Card.vue b/components/index/CardsMonitoring/MonitoringConfirmedCasesNumber/Card.vue
index d6b1fd5fe9bf6..c697ae625a1ec 100644
--- a/components/index/CardsMonitoring/MonitoringConfirmedCasesNumber/Card.vue
+++ b/components/index/CardsMonitoring/MonitoringConfirmedCasesNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard MonitoringConfirmedCasesNumberCard">
+  <v-col
+    id="monitoring-number-of-confirmed-cases"
+    cols="12"
+    md="6"
+    class="DataCard MonitoringConfirmedCasesNumberCard"
+  >
     <client-only>
       <chart
         :title="$t('モニタリング項目(1)')"
diff --git a/components/index/CardsMonitoring/MonitoringItemsOverview/Card.vue b/components/index/CardsMonitoring/MonitoringItemsOverview/Card.vue
index 808fda9ebb7a3..b868e4c5cc99a 100644
--- a/components/index/CardsMonitoring/MonitoringItemsOverview/Card.vue
+++ b/components/index/CardsMonitoring/MonitoringItemsOverview/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard MonitoringItemsOverviewCard">
+  <v-col
+    id="monitoring-items-overview"
+    cols="12"
+    md="6"
+    class="DataCard MonitoringItemsOverviewCard"
+  >
     <client-only>
       <data-view
         :title="$t('モニタリング項目')"
diff --git a/components/index/CardsMonitoring/PositiveRate/Card.vue b/components/index/CardsMonitoring/PositiveRate/Card.vue
index 114ade3fe76c7..a60ad59ec7748 100644
--- a/components/index/CardsMonitoring/PositiveRate/Card.vue
+++ b/components/index/CardsMonitoring/PositiveRate/Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard PositiveRateCard">
+  <v-col id="positive-rate" cols="12" md="6" class="DataCard PositiveRateCard">
     <client-only>
       <chart
         :title="$t('モニタリング項目(4)')"
diff --git a/components/index/CardsMonitoring/SevereCase/Card.vue b/components/index/CardsMonitoring/SevereCase/Card.vue
index e4d562a834461..5aed36f61a192 100644
--- a/components/index/CardsMonitoring/SevereCase/Card.vue
+++ b/components/index/CardsMonitoring/SevereCase/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard SevereCaseCard">
+  <v-col
+    id="positive-status-severe-case"
+    cols="12"
+    md="6"
+    class="DataCard SevereCaseCard"
+  >
     <client-only>
       <chart
         :title="$t('モニタリング項目(7)')"
diff --git a/components/index/CardsMonitoring/TokyoRulesApplicationNumber/Card.vue b/components/index/CardsMonitoring/TokyoRulesApplicationNumber/Card.vue
index cc12b4ca43993..34c5cde8e24fb 100644
--- a/components/index/CardsMonitoring/TokyoRulesApplicationNumber/Card.vue
+++ b/components/index/CardsMonitoring/TokyoRulesApplicationNumber/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard TokyoRulesApplicationNumberCard">
+  <v-col
+    id="number-of-tokyo-rules-applied"
+    cols="12"
+    md="6"
+    class="DataCard TokyoRulesApplicationNumberCard"
+  >
     <client-only>
       <mixed-bar-and-line-chart
         :title="$t('モニタリング項目(5)')"
diff --git a/components/index/CardsMonitoring/UntrackedRate/Card.vue b/components/index/CardsMonitoring/UntrackedRate/Card.vue
index b24f33948e116..ee619c7df0705 100644
--- a/components/index/CardsMonitoring/UntrackedRate/Card.vue
+++ b/components/index/CardsMonitoring/UntrackedRate/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard UntrackedRateCard">
+  <v-col
+    id="untracked-rate"
+    cols="12"
+    md="6"
+    class="DataCard UntrackedRateCard"
+  >
     <client-only>
       <chart
         :title="$t('モニタリング項目(3)')"
diff --git a/components/index/CardsReference/Agency/Card.vue b/components/index/CardsReference/Agency/Card.vue
index c37a2973e547e..5f2fadd924de4 100644
--- a/components/index/CardsReference/Agency/Card.vue
+++ b/components/index/CardsReference/Agency/Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard AgencyCard">
+  <v-col id="agency" cols="12" md="6" class="DataCard AgencyCard">
     <client-only>
       <chart
         :title="$t('都庁来庁者数の推移')"
diff --git a/components/index/CardsReference/ConfirmedCasesAttributes/Card.vue b/components/index/CardsReference/ConfirmedCasesAttributes/Card.vue
index 014f2dbb83221..8613cb4a4c9cb 100644
--- a/components/index/CardsReference/ConfirmedCasesAttributes/Card.vue
+++ b/components/index/CardsReference/ConfirmedCasesAttributes/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard ConfirmedCasesAttributesCard">
+  <v-col
+    id="attributes-of-confirmed-cases"
+    cols="12"
+    md="6"
+    class="DataCard ConfirmedCasesAttributesCard"
+  >
     <client-only>
       <data-table
         :title="$t('陽性者の属性')"
diff --git a/components/index/CardsReference/ConfirmedCasesByMunicipalities/Card.vue b/components/index/CardsReference/ConfirmedCasesByMunicipalities/Card.vue
index 2abd55285070c..90222331fd266 100644
--- a/components/index/CardsReference/ConfirmedCasesByMunicipalities/Card.vue
+++ b/components/index/CardsReference/ConfirmedCasesByMunicipalities/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard ConfirmedCasesByMunicipalitiesCard">
+  <v-col
+    id="number-of-confirmed-cases-by-municipalities"
+    cols="12"
+    md="6"
+    class="DataCard ConfirmedCasesByMunicipalitiesCard"
+  >
     <client-only>
       <confirmed-cases-by-municipalities-table
         :title="$t('陽性者数（区市町村別）')"
diff --git a/components/index/CardsReference/DeathsByDeathDate/Card.vue b/components/index/CardsReference/DeathsByDeathDate/Card.vue
index 1da9c1f8c3156..7821a82623f4e 100644
--- a/components/index/CardsReference/DeathsByDeathDate/Card.vue
+++ b/components/index/CardsReference/DeathsByDeathDate/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard DeathsByDeathDateCard">
+  <v-col
+    id="deaths-by-death-date"
+    cols="12"
+    md="6"
+    class="DataCard DeathsByDeathDateCard"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('死亡日別による死亡者数の推移')"
diff --git a/components/index/CardsReference/Metro/Card.vue b/components/index/CardsReference/Metro/Card.vue
index d4c32333a187c..ff6d02a25d404 100644
--- a/components/index/CardsReference/Metro/Card.vue
+++ b/components/index/CardsReference/Metro/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard MetroCard">
+  <v-col
+    id="predicted-number-of-toei-subway-passengers"
+    cols="12"
+    md="6"
+    class="DataCard MetroCard"
+  >
     <client-only>
       <chart
         :title="$t('都営地下鉄の利用者数の推移')"
diff --git a/components/index/CardsReference/MonitoringConsultationDeskReportsNumber/Card.vue b/components/index/CardsReference/MonitoringConsultationDeskReportsNumber/Card.vue
index 7e87aceb1efa2..21441e3092b6a 100644
--- a/components/index/CardsReference/MonitoringConsultationDeskReportsNumber/Card.vue
+++ b/components/index/CardsReference/MonitoringConsultationDeskReportsNumber/Card.vue
@@ -1,5 +1,6 @@
 <template>
   <v-col
+    id="monitoring-number-of-reports-to-covid19-consultation-desk"
     cols="12"
     md="6"
     class="DataCard MonitoringConsultationDeskReportsNumberCard"
diff --git a/components/index/CardsReference/PositiveNumberByDevelopedDate/Card.vue b/components/index/CardsReference/PositiveNumberByDevelopedDate/Card.vue
index 495506a96b477..c87d028929b57 100644
--- a/components/index/CardsReference/PositiveNumberByDevelopedDate/Card.vue
+++ b/components/index/CardsReference/PositiveNumberByDevelopedDate/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard PositiveNumberByDevelopedDateCard">
+  <v-col
+    id="positive-number-by-developed-date"
+    cols="12"
+    md="6"
+    class="DataCard PositiveNumberByDevelopedDateCard"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('発症日別による陽性者数の推移')"
diff --git a/components/index/CardsReference/PositiveNumberByDiagnosedDate/Card.vue b/components/index/CardsReference/PositiveNumberByDiagnosedDate/Card.vue
index 2522838584bdd..0074bbe3f89d7 100644
--- a/components/index/CardsReference/PositiveNumberByDiagnosedDate/Card.vue
+++ b/components/index/CardsReference/PositiveNumberByDiagnosedDate/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard PositiveNumberByDiagnosedDateCard">
+  <v-col
+    id="positive-number-by-diagnosed-date"
+    cols="12"
+    md="6"
+    class="DataCard PositiveNumberByDiagnosedDateCard"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('確定日別による陽性者数の推移')"
diff --git a/components/index/CardsReference/PositiveNumberOver65/Card.vue b/components/index/CardsReference/PositiveNumberOver65/Card.vue
index caff95fd590f4..c6fe2ec3df52f 100644
--- a/components/index/CardsReference/PositiveNumberOver65/Card.vue
+++ b/components/index/CardsReference/PositiveNumberOver65/Card.vue
@@ -1,5 +1,10 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard PositiveNumberOver65Card">
+  <v-col
+    id="positive-number-over65"
+    cols="12"
+    md="6"
+    class="DataCard PositiveNumberOver65Card"
+  >
     <client-only>
       <time-bar-chart
         :title="$t('報告日別による陽性者数（65歳以上）の推移')"
diff --git a/components/index/CardsReference/Variant/Card.vue b/components/index/CardsReference/Variant/Card.vue
index ddbcfecc6f4f9..72a74b97653b7 100644
--- a/components/index/CardsReference/Variant/Card.vue
+++ b/components/index/CardsReference/Variant/Card.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-col cols="12" md="6" class="DataCard VariantCard">
+  <v-col id="variant" cols="12" md="6" class="DataCard VariantCard">
     <client-only>
       <chart
         :title="$t('L452R変異株スクリーニングの実施状況')"

From b6c59a557061d5c6a59f7e0cdddc0dafd551536e Mon Sep 17 00:00:00 2001
From: nichesuch <niche.and.such@gmail.com>
Date: Thu, 23 Sep 2021 22:58:53 +0900
Subject: [PATCH 2/3] =?UTF-8?q?=E3=83=8F=E3=83=83=E3=82=B7=E3=83=A5?=
 =?UTF-8?q?=E3=81=8C=E3=81=82=E3=81=A3=E3=81=A6=E3=82=82=E3=82=BF=E3=83=96?=
 =?UTF-8?q?=E3=81=AE=E9=81=B8=E6=8A=9E=E7=8A=B6=E6=85=8B=E3=81=AB=E5=BD=B1?=
 =?UTF-8?q?=E9=9F=BF=E3=82=92=E4=B8=8E=E3=81=88=E3=81=AA=E3=81=84=E3=82=88?=
 =?UTF-8?q?=E3=81=86=E3=81=AB=E3=81=99=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/index/CardsTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/index/CardsTab.vue b/components/index/CardsTab.vue
index 836448bb0ef16..4588ab5c002e8 100644
--- a/components/index/CardsTab.vue
+++ b/components/index/CardsTab.vue
@@ -7,7 +7,7 @@
       v-ripple="false"
       :to="{ path: localePath(item.path) }"
       nuxt
-      exact
+      exact-path
       @click="change"
     >
       <v-icon class="TabIcon">{{ mdiChartTimelineVariant }}</v-icon>

From c2a010e81155330e76ee8c9342ce62a850ee99c0 Mon Sep 17 00:00:00 2001
From: nichesuch <niche.and.such@gmail.com>
Date: Sat, 25 Sep 2021 17:44:01 +0900
Subject: [PATCH 3/3] =?UTF-8?q?=E3=83=8F=E3=83=83=E3=82=B7=E3=83=A5?=
 =?UTF-8?q?=E3=81=A7=E6=8C=87=E5=AE=9A=E3=81=95=E3=82=8C=E3=81=9FID?=
 =?UTF-8?q?=E3=81=8C=E3=81=82=E3=82=8C=E3=81=B0=E3=81=9D=E3=81=93=E3=81=AB?=
 =?UTF-8?q?=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=20=E3=81=AA?=
 =?UTF-8?q?=E3=81=91=E3=82=8C=E3=81=B0=E6=AC=A1=E3=81=AE=E8=A1=8C=E3=82=92?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=81=97=E3=81=A6=E5=86=8D=E5=B8=B0=E5=87=A6?=
 =?UTF-8?q?=E7=90=86=E3=81=A7=E6=8E=A2=E3=81=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/index/_shared/CardsLazyRow.vue | 24 +++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/components/index/_shared/CardsLazyRow.vue b/components/index/_shared/CardsLazyRow.vue
index 328e7b2a32a31..f8d2499354d0b 100644
--- a/components/index/_shared/CardsLazyRow.vue
+++ b/components/index/_shared/CardsLazyRow.vue
@@ -64,6 +64,7 @@ type Data = {
   actives: boolean[]
   scroll: boolean
   mdiChevronRight: string
+  hash: string
 }
 type Methods = {
   handler: (
@@ -72,6 +73,7 @@ type Methods = {
     isIntersecting: boolean
   ) => void
   onScroll: () => void
+  lazyHashLink: () => void
 }
 type Computed = {}
 type Props = {
@@ -97,6 +99,13 @@ export default Vue.extend<Data, Methods, Computed, Props>({
       actives: Array.from({ length: this.rows.length }, () => false),
       scroll: false,
       mdiChevronRight,
+      hash: null,
+    }
+  },
+  mounted() {
+    if (this.$route.hash && !this.hash) {
+      this.hash = this.$route.hash
+      this.lazyHashLink()
     }
   },
   methods: {
@@ -110,6 +119,21 @@ export default Vue.extend<Data, Methods, Computed, Props>({
       this.$set(this.actives, 0, true)
       this.$set(this.actives, 1, true)
     },
+    lazyHashLink() {
+      if (process.client) {
+        this.$nextTick(function () {
+          // ハッシュで指定されたIDがあればそこにスクロール、なければ次の行を表示して再帰処理
+          const element = document.getElementById(this.hash.slice(1))
+          if (element != null) {
+            this.$scrollTo(this.hash)
+          } else {
+            if (!this.actives.includes(false)) return
+            this.$set(this.actives, this.actives.indexOf(false), true)
+            this.lazyHashLink()
+          }
+        }, 500)
+      }
+    },
   },
 })
 </script>