From 2ec608fdba22aee3277bed4527a8bdd7babbb7b7 Mon Sep 17 00:00:00 2001
From: "Acid Chicken (硫酸鶏)" <root@acid-chicken.com>
Date: Mon, 20 Mar 2023 16:31:50 +0900
Subject: fix: typo

---
 packages/frontend/src/components/MkUrlPreview.vue  |  2 +-
 .../src/components/MkYouTubePlayer.stories.ts      | 21 +++++++
 .../frontend/src/components/MkYouTubePlayer.vue    | 72 ++++++++++++++++++++++
 .../src/components/MkYoutubePlayer.stories.ts      | 21 -------
 .../frontend/src/components/MkYoutubePlayer.vue    | 72 ----------------------
 5 files changed, 94 insertions(+), 94 deletions(-)
 create mode 100644 packages/frontend/src/components/MkYouTubePlayer.stories.ts
 create mode 100644 packages/frontend/src/components/MkYouTubePlayer.vue
 delete mode 100644 packages/frontend/src/components/MkYoutubePlayer.stories.ts
 delete mode 100644 packages/frontend/src/components/MkYoutubePlayer.vue

(limited to 'packages/frontend/src')

diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index 094709e093..839fa96319 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -149,7 +149,7 @@ function adjustTweetHeight(message: any) {
 }
 
 const openPlayer = (): void => {
-	os.popup(defineAsyncComponent(() => import('@/components/MkYoutubePlayer.vue')), {
+	os.popup(defineAsyncComponent(() => import('@/components/MkYouTubePlayer.vue')), {
 		url: requestUrl.href,
 	});
 };
diff --git a/packages/frontend/src/components/MkYouTubePlayer.stories.ts b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
new file mode 100644
index 0000000000..5e20a83784
--- /dev/null
+++ b/packages/frontend/src/components/MkYouTubePlayer.stories.ts
@@ -0,0 +1,21 @@
+import { Meta, Story } from '@storybook/vue3';
+import MkYouTubePlayer from './MkYouTubePlayer.vue';
+const meta = {
+	title: 'components/MkYouTubePlayer',
+	component: MkYouTubePlayer,
+};
+export const Default = {
+	render(args, { argTypes }) {
+		return {
+			components: {
+				MkYouTubePlayer,
+			},
+			props: Object.keys(argTypes),
+			template: '<MkYouTubePlayer v-bind="$props" />',
+		};
+	},
+	parameters: {
+		layout: 'centered',
+	},
+};
+export default meta;
diff --git a/packages/frontend/src/components/MkYouTubePlayer.vue b/packages/frontend/src/components/MkYouTubePlayer.vue
new file mode 100644
index 0000000000..460b038838
--- /dev/null
+++ b/packages/frontend/src/components/MkYouTubePlayer.vue
@@ -0,0 +1,72 @@
+<template>
+<MkWindow :initial-width="640" :initial-height="402" :can-resize="true" :close-button="true">
+	<template #header>
+		<i class="icon ti ti-brand-youtube" style="margin-right: 0.5em;"></i>
+		<span>{{ title ?? 'YouTube' }}</span>
+	</template>
+
+	<div class="poamfof">
+		<Transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
+			<div v-if="player.url && (player.url.startsWith('http://') || player.url.startsWith('https://'))" class="player">
+				<iframe v-if="!fetching" :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
+			</div>
+			<span v-else>invalid url</span>
+		</Transition>
+		<MkLoading v-if="fetching"/>
+		<MkError v-else-if="!player.url" @retry="ytFetch()"/>
+	</div>
+</MkWindow>
+</template>
+
+<script lang="ts" setup>
+import MkWindow from '@/components/MkWindow.vue';
+import { versatileLang } from '@/scripts/intl-const';
+
+const props = defineProps<{
+	url: string;
+}>();
+
+const requestUrl = new URL(props.url);
+if (!['http:', 'https:'].includes(requestUrl.protocol)) throw new Error('invalid url');
+
+let fetching = $ref(true);
+let title = $ref<string | null>(null);
+let player = $ref({
+	url: null,
+	width: null,
+	height: null,
+});
+
+const ytFetch = (): void => {
+	fetching = true;
+	window.fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${versatileLang}`).then(res => {
+		res.json().then(info => {
+			if (info.url == null) return;
+			title = info.title;
+			fetching = false;
+			player = info.player;
+		});
+	});
+};
+
+ytFetch();
+
+</script>
+
+<style lang="scss">
+.poamfof {
+	position: relative;
+	overflow: hidden;
+	height: 100%;
+
+	.player {
+		position: absolute;
+		inset: 0;
+
+		iframe {
+			width: 100%;
+			height: 100%;
+		}
+	}
+}
+</style>
diff --git a/packages/frontend/src/components/MkYoutubePlayer.stories.ts b/packages/frontend/src/components/MkYoutubePlayer.stories.ts
deleted file mode 100644
index 671c1303d1..0000000000
--- a/packages/frontend/src/components/MkYoutubePlayer.stories.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Meta, Story } from '@storybook/vue3';
-import MkYoutubePlayer from './MkYoutubePlayer.vue';
-const meta = {
-	title: 'components/MkYoutubePlayer',
-	component: MkYoutubePlayer,
-};
-export const Default = {
-	render(args, { argTypes }) {
-		return {
-			components: {
-				MkYoutubePlayer,
-			},
-			props: Object.keys(argTypes),
-			template: '<MkYoutubePlayer v-bind="$props" />',
-		};
-	},
-	parameters: {
-		layout: 'centered',
-	},
-};
-export default meta;
diff --git a/packages/frontend/src/components/MkYoutubePlayer.vue b/packages/frontend/src/components/MkYoutubePlayer.vue
deleted file mode 100644
index 460b038838..0000000000
--- a/packages/frontend/src/components/MkYoutubePlayer.vue
+++ /dev/null
@@ -1,72 +0,0 @@
-<template>
-<MkWindow :initial-width="640" :initial-height="402" :can-resize="true" :close-button="true">
-	<template #header>
-		<i class="icon ti ti-brand-youtube" style="margin-right: 0.5em;"></i>
-		<span>{{ title ?? 'YouTube' }}</span>
-	</template>
-
-	<div class="poamfof">
-		<Transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
-			<div v-if="player.url && (player.url.startsWith('http://') || player.url.startsWith('https://'))" class="player">
-				<iframe v-if="!fetching" :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
-			</div>
-			<span v-else>invalid url</span>
-		</Transition>
-		<MkLoading v-if="fetching"/>
-		<MkError v-else-if="!player.url" @retry="ytFetch()"/>
-	</div>
-</MkWindow>
-</template>
-
-<script lang="ts" setup>
-import MkWindow from '@/components/MkWindow.vue';
-import { versatileLang } from '@/scripts/intl-const';
-
-const props = defineProps<{
-	url: string;
-}>();
-
-const requestUrl = new URL(props.url);
-if (!['http:', 'https:'].includes(requestUrl.protocol)) throw new Error('invalid url');
-
-let fetching = $ref(true);
-let title = $ref<string | null>(null);
-let player = $ref({
-	url: null,
-	width: null,
-	height: null,
-});
-
-const ytFetch = (): void => {
-	fetching = true;
-	window.fetch(`/url?url=${encodeURIComponent(requestUrl.href)}&lang=${versatileLang}`).then(res => {
-		res.json().then(info => {
-			if (info.url == null) return;
-			title = info.title;
-			fetching = false;
-			player = info.player;
-		});
-	});
-};
-
-ytFetch();
-
-</script>
-
-<style lang="scss">
-.poamfof {
-	position: relative;
-	overflow: hidden;
-	height: 100%;
-
-	.player {
-		position: absolute;
-		inset: 0;
-
-		iframe {
-			width: 100%;
-			height: 100%;
-		}
-	}
-}
-</style>
-- 
cgit v1.2.3-freya