fix: linting, uneeded deps

components/VideoPreview.vue

@@ -25,7 +25,13 @@ export default Vue.extend({
   name: 'VideoPreview',
 
   props: {
-    video: Object,
+    video: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+      required: true,
+    },
   },
 })
 </script>

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",

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,