From a9a5f9ce2c3ced7d4f9faf1b858118df3e172241 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 16 Aug 2022 16:40:04 -0700
Subject: [PATCH] fix: :art: mount plyr with app

---
 packages/client/src/components/media-video.vue | 2 --
 packages/client/src/init.ts                    | 5 +++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/media-video.vue b/packages/client/src/components/media-video.vue
index 855062dd8..061e9f1c1 100644
--- a/packages/client/src/components/media-video.vue
+++ b/packages/client/src/components/media-video.vue
@@ -28,9 +28,7 @@
 <script lang="ts" setup>
 import { ref } from 'vue';
 import * as misskey from 'misskey-js';
-import VuePlyr from 'vue-plyr';
 import { defaultStore } from '@/store';
-import 'vue-plyr/dist/vue-plyr.css';
 
 const props = defineProps<{
 	video: misskey.entities.DriveFile;
diff --git a/packages/client/src/init.ts b/packages/client/src/init.ts
index 8b490bbab..9cb921bfb 100644
--- a/packages/client/src/init.ts
+++ b/packages/client/src/init.ts
@@ -21,6 +21,8 @@ import widgets from '@/widgets';
 import directives from '@/directives';
 import components from '@/components';
 import { version, ui, lang, host } from '@/config';
+import VuePlyr from 'vue-plyr';
+import 'vue-plyr/dist/vue-plyr.css';
 import { applyTheme } from '@/scripts/theme';
 import { isDeviceDarkmode } from '@/scripts/is-device-darkmode';
 import { i18n } from '@/i18n';
@@ -39,6 +41,7 @@ import { reactionPicker } from '@/scripts/reaction-picker';
 import { getUrlWithoutLoginId } from '@/scripts/login-id';
 import { getAccountFromId } from '@/scripts/get-account-from-id';
 
+
 (async () => {
 	console.info(`Calckey v${version}`);
 
@@ -176,6 +179,8 @@ import { getAccountFromId } from '@/scripts/get-account-from-id';
 		defineAsyncComponent(() => import('@/ui/universal.vue')),
 	);
 
+	app.use(VuePlyr, { plyr: {} });
+
 	if (_DEV_) {
 		app.config.performance = true;
 	}