From 6e0c39b1d76e848f25a6859cbfee19284a3f6b63 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Mon, 2 Jan 2023 13:19:32 +0900
Subject: [PATCH] fix(client): fix wrong link in tutorial

Fix #9456
---
 CHANGELOG.md                                      | 1 +
 packages/frontend/src/pages/explore.vue           | 9 ++++++---
 packages/frontend/src/pages/timeline.tutorial.vue | 4 ++--
 packages/frontend/src/router.ts                   | 1 +
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 918bb225a1..656f69643c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -74,6 +74,7 @@ You should also include the user name that made the change.
 - Client: Webhookの編集画面で、内容を保存することができない問題を修正 @m-hayabusa
 - Client: update emoji picker immediately on all input @saschanaz
 - Client: チャートのツールチップが画面に残ることがあるのを修正 @syuilo
+- Client: fix wrong link in tutorial @syuilo
 
 ## 12.119.1 (2022/12/03)
 ### Bugfixes
diff --git a/packages/frontend/src/pages/explore.vue b/packages/frontend/src/pages/explore.vue
index 6b0bcdaf62..3f6c239bc1 100644
--- a/packages/frontend/src/pages/explore.vue
+++ b/packages/frontend/src/pages/explore.vue
@@ -43,11 +43,14 @@ import { i18n } from '@/i18n';
 import { instance } from '@/instance';
 import XUserList from '@/components/MkUserList.vue';
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
 	tag?: string;
-}>();
+	initialTab?: string;
+}>(), {
+	initialTab: 'featured',
+});
 
-let tab = $ref('featured');
+let tab = $ref(props.initialTab);
 let tagsEl = $ref<InstanceType<typeof MkFolder>>();
 let searchQuery = $ref(null);
 let searchOrigin = $ref('combined');
diff --git a/packages/frontend/src/pages/timeline.tutorial.vue b/packages/frontend/src/pages/timeline.tutorial.vue
index 4b406ff6d1..0d0c932a5c 100644
--- a/packages/frontend/src/pages/timeline.tutorial.vue
+++ b/packages/frontend/src/pages/timeline.tutorial.vue
@@ -36,10 +36,10 @@
 		<div>{{ i18n.ts._tutorial.step5_1 }}</div>
 		<I18n :src="i18n.ts._tutorial.step5_2" tag="div">
 			<template #featured>
-				<MkA class="_link" to="/featured">{{ i18n.ts.featured }}</MkA>
+				<MkA class="_link" to="/explore">{{ i18n.ts.featured }}</MkA>
 			</template>
 			<template #explore>
-				<MkA class="_link" to="/explore">{{ i18n.ts.explore }}</MkA>
+				<MkA class="_link" to="/explore#users">{{ i18n.ts.explore }}</MkA>
 			</template>
 		</I18n>
 		<div>{{ i18n.ts._tutorial.step5_3 }}</div>
diff --git a/packages/frontend/src/router.ts b/packages/frontend/src/router.ts
index 111b15e0a6..9001f0f37f 100644
--- a/packages/frontend/src/router.ts
+++ b/packages/frontend/src/router.ts
@@ -207,6 +207,7 @@ export const routes = [{
 }, {
 	path: '/explore',
 	component: page(() => import('./pages/explore.vue')),
+	hash: 'initialTab',
 }, {
 	path: '/search',
 	component: page(() => import('./pages/search.vue')),