diff --git a/components/VideoPreview.vue b/components/VideoPreview.vue
index 39f4641..e69b242 100644
--- a/components/VideoPreview.vue
+++ b/components/VideoPreview.vue
@@ -25,7 +25,13 @@ export default Vue.extend({
   name: 'VideoPreview',
 
   props: {
-    video: Object,
+    video: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+      required: true,
+    },
   },
 })
 </script>
diff --git a/package.json b/package.json
index f9ed9ba..604add8 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,6 @@
     "core-js": "^3.19.3",
     "nuxt": "^2.15.8",
     "vue": "^2.6.14",
-    "vue-gapi": "^1.1.1",
     "vue-server-renderer": "^2.6.14",
     "vue-template-compiler": "^2.6.14",
     "webpack": "^4.46.0"
@@ -40,7 +39,6 @@
     "@nuxtjs/stylelint-module": "^4.1.0",
     "@nuxtjs/tailwindcss": "^4.2.1",
     "@tailwindcss/aspect-ratio": "^0.4.0",
-    "@types/gapi.youtube": "^3.0.35",
     "@vue/test-utils": "^1.3.0",
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^27.4.4",
diff --git a/pages/index.vue b/pages/index.vue
index 3e65c7d..50ff658 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -13,14 +13,13 @@
 
 <script lang="ts">
 import Vue from 'vue'
-import { GoogleApiYouTubeActivityResource } from '@types/gapi.youtube'
 
 export default Vue.extend({
   name: 'IndexPage',
 
   data(): {
     hasError: boolean
-    videos: GoogleApiYouTubeActivityResource[]
+    videos: []
   } {
     return {
       hasError: false,