Define emits before using them (#4973)

Co-authored-by: absidue <48293849+absidue@users.noreply.github.com>

.eslintrc.js

@@ -112,6 +112,8 @@ module.exports = {
         ignoreText: ['-', '•', '/', 'YouTube', 'Invidious', 'FreeTube']
       }
     ],
+    'vue/require-explicit-emits': 'error',
+    'vue/no-unused-emit-declarations': 'error',
   },
   settings: {
     'vue-i18n': {

src/renderer/components/ft-auto-load-next-page-wrapper/ft-auto-load-next-page-wrapper.js

@@ -2,6 +2,7 @@ import { defineComponent } from 'vue'
 
 export default defineComponent({
   name: 'FtAutoLoadNextPageWrapper',
+  emits: ['load-next-page'],
   computed: {
     generalAutoLoadMorePaginatedItemsEnabled() {
       return this.$store.getters.getGeneralAutoLoadMorePaginatedItemsEnabled

src/renderer/components/ft-channel-bubble/ft-channel-bubble.js

@@ -20,6 +20,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['click'],
   data: function () {
     return {
       selected: false

src/renderer/components/ft-icon-button/ft-icon-button.js

@@ -61,6 +61,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['click'],
   data: function () {
     return {
       dropdownShown: false,

src/renderer/components/ft-input-tags/ft-input-tags.js

@@ -53,6 +53,7 @@ export default defineComponent({
       default: (_) => ({ preferredName: '', icon: '' }),
     }
   },
+  emits: ['already-exists', 'change', 'error-find-tag-info', 'invalid-name'],
   methods: {
     updateTags: async function (text, _e) {
       if (this.areChannelTags) {

src/renderer/components/ft-input/ft-input.js

@@ -64,6 +64,7 @@ export default defineComponent({
       default: ''
     }
   },
+  emits: ['clear', 'click', 'input'],
   data: function () {
     let actionIcon = ['fas', 'search']
     if (this.forceActionButtonIconName !== null) {

src/renderer/components/ft-list-video/ft-list-video.js

@@ -84,6 +84,7 @@ export default defineComponent({
       default: false,
     },
   },
+  emits: ['pause-player'],
   data: function () {
     return {
       id: '',

src/renderer/components/ft-notification-banner/ft-notification-banner.js

@@ -8,6 +8,7 @@ export default defineComponent({
       required: true
     }
   },
+  emits: ['click'],
   methods: {
     handleClick: function (response) {
       this.$emit('click', response)

src/renderer/components/ft-playlist-selector/ft-playlist-selector.js

@@ -25,6 +25,7 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ['selected'],
   data: function () {
     return {
       title: '',

src/renderer/components/ft-profile-edit/ft-profile-edit.js

@@ -32,6 +32,7 @@ export default defineComponent({
       required: true
     }
   },
+  emits: ['new-profile-created', 'profile-deleted'],
   data: function () {
     return {
       showDeletePrompt: false,

src/renderer/components/ft-prompt/ft-prompt.js

@@ -38,6 +38,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['click'],
   data: function () {
     return {
       promptButtons: [],

src/renderer/components/ft-search-filters/ft-search-filters.js

@@ -8,6 +8,7 @@ export default defineComponent({
     'ft-flex-box': FtFlexBox,
     'ft-radio-button': FtRadioButton
   },
+  emits: ['filterValueUpdated'],
   data: function () {
     return {
       sortByValues: [

src/renderer/components/ft-timestamp-catcher/ft-timestamp-catcher.js

@@ -8,6 +8,7 @@ export default defineComponent({
       default: ''
     }
   },
+  emits: ['timestamp-event'],
   methods: {
     catchTimestampClick: function (event) {
       this.$emit('timestamp-event', event.detail)

src/renderer/components/ft-video-player/ft-video-player.js

@@ -117,6 +117,7 @@ export default defineComponent({
       default: false
     }
   },
+  emits: ['ended', 'error', 'ready', 'store-caption-list', 'timeupdate', 'toggle-theatre-mode'],
   data: function () {
     return {
       powerSaveBlocker: null,

src/renderer/components/playlist-info/playlist-info.js

@@ -96,6 +96,7 @@ export default defineComponent({
       required: true,
     },
   },
+  emits: ['enter-edit-mode', 'exit-edit-mode', 'search-video-query-change'],
   data: function () {
     return {
       searchVideoMode: false,

src/renderer/components/subscriptions-tab-ui/subscriptions-tab-ui.js

@@ -47,6 +47,7 @@ export default defineComponent({
       default: 100
     }
   },
+  emits: ['refresh'],
   data: function () {
     return {
       dataLimit: 100,

src/renderer/components/watch-video-chapters/watch-video-chapters.js

@@ -16,6 +16,7 @@ export default defineComponent({
       required: true
     }
   },
+  emits: ['timestamp-event'],
   data: function () {
     return {
       showChapters: false,

src/renderer/components/watch-video-comments/watch-video-comments.js

@@ -37,6 +37,7 @@ export default defineComponent({
       default: null,
     },
   },
+  emits: ['timestamp-event'],
   data: function () {
     return {
       isLoading: false,

src/renderer/components/watch-video-description/watch-video-description.js

@@ -19,6 +19,7 @@ export default defineComponent({
       default: ''
     }
   },
+  emits: ['timestamp-event'],
   data: function () {
     return {
       shownDescription: ''

src/renderer/components/watch-video-info/watch-video-info.js

@@ -104,6 +104,7 @@ export default defineComponent({
       required: true
     }
   },
+  emits: ['set-info-area-sticky', 'scroll-to-info-area', 'pause-player'],
   computed: {
     hideSharingActions: function() {
       return this.$store.getters.getHideSharingActions