Fixed #549 - Declare events in "emits" section of every component

src/components/accordion/Accordion.vue

@@ -25,6 +25,7 @@
 import UniqueComponentId from '../utils/UniqueComponentId';
 
 export default {
+    emits: ['tab-close', 'tab-open', 'update:activeIndex'],
     props: {
         multiple: Boolean,
         activeIndex: [Number,Array]

src/components/autocomplete/AutoComplete.vue

@@ -38,6 +38,7 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     inheritAttrs: false,
+    emits: ['update:modelValue', 'item-select', 'item-select', 'dropdown-click', 'clear', 'complete'],
     props: {
         modelValue: null,
         suggestions: {

src/components/blockui/BlockUI.vue

@@ -8,6 +8,7 @@
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['block', 'unblock'],
     props: {
         blocked: {
             type: Boolean,

src/components/calendar/Calendar.vue

@@ -138,6 +138,7 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     inheritAttrs: false,
+    emits: ['show', 'hide', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click'],
     props: {
         modelValue: null,
         selectionMode: {

src/components/carousel/Carousel.vue

@@ -58,6 +58,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+	emits: ['update-page'],
 	props: {
 		value: null,
 		page: {

src/components/chart/Chart.vue

@@ -8,6 +8,7 @@
 import * as Chart from 'chart.js';
 
 export default {
+    emits: ['select'],
     props: {
         type: String,
         data: null,

src/components/checkbox/Checkbox.vue

@@ -14,6 +14,7 @@ import ObjectUtils from '../utils/ObjectUtils';
 
 export default {
     inheritAttrs: false,
+    emits: ['click', 'update:modelValue', 'change'],
     props: {
         value: null,
         modelValue: null,

src/components/chips/Chips.vue

@@ -18,6 +18,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['update:modelValue', 'add', 'remove'],
     props: {
         modelValue: {
             type: Array,

src/components/colorpicker/ColorPicker.vue

@@ -24,6 +24,7 @@ import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandle
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['update:modelValue'],
     props: {
         modelValue: {
             type: null,

src/components/contextmenu/ContextMenuSub.vue

@@ -28,6 +28,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['leaf-click'],
     name: 'sub-menu',
     props: {
         model: {

src/components/datatable/BodyCell.vue

@@ -37,6 +37,8 @@ import RowCheckbox from './RowCheckbox.vue';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'row-edit-init', 'row-edit-complete', 'row-edit-cancel',
+            'row-toggle', 'radio-change', 'checkbox-change'],
     props: {
         rowData: {
             type: Object,

src/components/datatable/DataTable.vue

@@ -140,6 +140,11 @@ import TableBody from './TableBody.vue';
 import TableFooter from './TableFooter.vue';
 
 export default {
+    emits: ['update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'row-click',
+        'update:selection', 'row-select', 'row-unselect', 'update:contextMenuSelection', 'row-contextmenu', 'row-unselect-all', 'row-select-all',
+        'column-resize-end', 'column-reorder', 'row-reorder', 'update:expandedRows', 'row-collapse', 'row-expand',
+        'update:expandedRowGroups', 'rowgroup-collapse', 'rowgroup-expand', 'update:filters', 'virtual-scroll',
+        'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 'update:editingRows', 'row-edit-init', 'row-edit-save', 'row-edit-cancel'],
     props: {
         value: {
             type: Array,

src/components/datatable/HeaderCheckbox.vue

@@ -12,6 +12,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['change'],
     props: {
         checked: null
     },

src/components/datatable/RowCheckbox.vue

@@ -12,6 +12,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['change'],
     props: {
 		value: null,
         checked: null

src/components/datatable/RowRadioButton.vue

@@ -12,6 +12,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['change'],
     props: {
 		value: null,
         disabled: null,

src/components/datatable/ScrollableView.vue

@@ -50,6 +50,7 @@ import DomHandler from '../utils/DomHandler';
 import TableLoadingBody from './TableLoadingBody';
 
 export default {
+    emits: ['virtual-scroll'],
     props: {
         frozen: {
             type: Boolean,

src/components/datatable/TableBody.vue

@@ -48,6 +48,10 @@ import ObjectUtils from '../utils/ObjectUtils';
 import BodyCell from './BodyCell.vue';
 
 export default {
+    emits: ['rowgroup-toggle', 'row-click', 'row-rightclick', 'row-touchend', 'row-keydown', 'row-mousedown', 
+        'row-dragstart', 'row-dragover', 'row-dragleave', 'row-dragend', 'row-drop', 'row-toggle',
+        'radio-change', 'checkbox-change', 'cell-edit-init', 'cell-edit-complete', 'cell-edit-cancel', 
+        'row-edit-init', 'row-edit-save', 'row-edit-cancel'],
     props: {
         value: {
             type: Array,

src/components/datatable/TableHeader.vue

@@ -49,6 +49,8 @@ import DomHandler from '../utils/DomHandler';
 import HeaderCheckbox from './HeaderCheckbox.vue';
 
 export default {
+    emits: ['column-click', 'column-mousedown', 'column-dragstart', 'column-dragover', 'column-dragleave', 'column-drop',
+            'column-resizestart', 'checkbox-change', 'column-click'],
     props: {
 		columnGroup: {
             type: null,

src/components/dataview/DataView.vue

@@ -44,6 +44,7 @@ import ObjectUtils from '../utils/ObjectUtils';
 import Paginator from '../paginator/Paginator';
 
 export default {
+    emits: ['update:first', 'update:rows', 'page'],
     props: {
         value: {
             type: Array,

src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue

@@ -11,6 +11,7 @@
 
 <script>
 	export default {
+		emits: ['update:modelValue'],
 		props: {
 			modelValue: String
 		},

src/components/deferredcontent/DeferredContent.vue

@@ -6,6 +6,7 @@
 
 <script>
 export default {
+    emits: ['load'],
     data() {
         return {
            loaded: false

src/components/dialog/Dialog.vue

@@ -32,6 +32,7 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     inheritAttrs: false,
+    emits: ['update:visible', 'show', 'hide'],
     props: {
         header: null,
         footer: null,

src/components/dropdown/Dropdown.vue

@@ -46,6 +46,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'before-show', 'before-hide', 'show', 'hide', 'change', 'filter'],
     props: {
         modelValue: null,
         options: Array,

src/components/editor/Editor.vue

@@ -51,6 +51,7 @@
 import Quill from "quill";
 
 export default {
+    emits: ['update:modelValue', 'text-change'],
     props: {
         modelValue: String,
         placeholder: String,

src/components/fieldset/Fieldset.vue

@@ -28,6 +28,7 @@ import UniqueComponentId from '../utils/UniqueComponentId';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:collapsed', 'toggle'],
     props: {
         legend: String,
         toggleable: Boolean,

src/components/fileupload/FileUpload.vue

@@ -47,6 +47,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['select', 'uploader', 'before-upload', 'progress', 'upload', 'error', 'before-send', 'clear'],
     props: {
         name: {
             type: String,

src/components/galleria/Galleria.vue

@@ -14,6 +14,7 @@ import DomHandler from '../utils/DomHandler';
 
 export default {
     inheritAttrs: false,
+    emits: ['update:activeIndex', 'update:visible'],
     props: {
         id: {
             type: String,

src/components/galleria/GalleriaContent.vue

@@ -33,6 +33,7 @@ import Ripple from '../ripple/Ripple';
 export default {
     inheritAttrs: false,
     interval: null,
+    emits: ['activeitem-change', 'mask-hide'],
     data() {
         return {
             id: this.$attrs.id || UniqueComponentId(),

src/components/galleria/GalleriaItem.vue

@@ -29,6 +29,7 @@
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['start-slideshow', 'stop-slideshow', 'update:activeIndex'],
     props: {
         circular: {
             type: Boolean,

src/components/galleria/GalleriaThumbnails.vue

@@ -30,6 +30,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['stop-slideshow', 'update:activeIndex'],
     props: {
         containerId: {
             type: String,

src/components/inplace/Inplace.vue

@@ -14,6 +14,7 @@
 import Button from '../button/Button';
 
 export default {
+    emits: ['open', 'close', 'update:active'],
     props: {
         closable: {
             type: Boolean,

src/components/inputmask/InputMask.vue

@@ -7,6 +7,7 @@
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['update:modelValue', 'focus', 'blur', 'keydown', 'complete', 'keypress', 'paste'],
     props: {
         modelValue: null,
         slotChar: {

src/components/inputnumber/InputNumber.vue

@@ -17,6 +17,7 @@ import Button from '../button/Button';
 
 export default {
     inheritAttrs: false,
+    emits: ['start-slideshow', 'input'],
     props: {
         modelValue: {
             type: Number,

src/components/inputswitch/InputSwitch.vue

@@ -11,6 +11,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['update:modelValue', 'click', 'change'],
     props: {
         modelValue: Boolean,
         class: null,

src/components/inputtext/InputText.vue

@@ -4,6 +4,7 @@
 
 <script>
 export default {
+    emits: ['update:modelValue'],
     props: {
         modelValue: null
     },

src/components/listbox/Listbox.vue

@@ -26,6 +26,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'change', 'filter'],
     props: {
         modelValue: null,
         options: Array,

src/components/multiselect/MultiSelect.vue

@@ -61,6 +61,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'before-show', 'before-hide', 'change', 'show', 'hide', 'filter'],
     props: {
         modelValue: null,
         options: Array,

src/components/orderlist/OrderList.vue

@@ -30,6 +30,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change'],
     props: {
         modelValue: {
             type: Array,

src/components/organizationchart/OrganizationChart.vue

@@ -10,6 +10,7 @@
 import OrganizationChartNode from './OrganizationChartNode';
 
 export default {
+    emits: ['node-unselect', 'node-select', 'update:selectionKeys', 'node-expand', 'node-collapse', 'update:collapsedKeys'],
     props: {
         value: {
             type: null,

src/components/organizationchart/OrganizationChartNode.vue

@@ -43,6 +43,7 @@
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['node-click', 'node-toggle'],
     name: 'sub-node',
     props: {
         node: {

src/components/paginator/PageLinks.vue

@@ -9,6 +9,7 @@ import Ripple from '../ripple/Ripple';
 
 export default {
     inheritAttrs: false,
+    emits: ['click'],
     props: {
         value: Array,
         page: Number

src/components/paginator/Paginator.vue

@@ -30,6 +30,7 @@ import PrevPageLink from './PrevPageLink';
 import RowsPerPageDropdown from './RowsPerPageDropdown';
 
 export default {
+    emits: ['update:first', 'update:rows', 'page'],
     props: {
         totalRecords: {
             type: Number,

src/components/paginator/RowsPerPageDropdown.vue

@@ -8,6 +8,7 @@ import Dropdown from '../dropdown/Dropdown';
 
 export default {
     inheritAttrs: false,
+    emits: ['rows-change'],
     props: {
         options: Array,
         rows: Number

src/components/panel/Panel.vue

@@ -27,6 +27,7 @@ import UniqueComponentId from '../utils/UniqueComponentId';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:collapsed', 'toggle'],
     props: {
         header: String,
         toggleable: Boolean,

src/components/password/Password.vue

@@ -16,6 +16,7 @@ import ConnectedOverlayScrollHandler from '../utils/ConnectedOverlayScrollHandle
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['update:modelValue'],
     props: {
         modelValue: String,
         promptLabel: {

src/components/picklist/PickList.vue

@@ -54,6 +54,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change', 'move-to-target', 'move-to-source', 'move-all-to-target', 'move-all-to-source'],
     props: {
         modelValue: {
             type: Array,

src/components/radiobutton/RadioButton.vue

@@ -14,6 +14,7 @@ import ObjectUtils from '../utils/ObjectUtils';
 
 export default {
     inheritAttrs: false,
+    emits: ['click', 'update:modelValue', 'change'],
     props: {
 		value: null,
         modelValue: null,

src/components/rating/Rating.vue

@@ -8,6 +8,7 @@
 
 <script>
 export default {
+    emits: ['update:modelValue', 'change'],
     props: {
         modelValue: {
             type: Number,

src/components/selectbutton/SelectButton.vue

@@ -16,6 +16,7 @@ import ObjectUtils from '../utils/ObjectUtils';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'focus', 'blur'],
     props: {
         modelValue: null,
         options: Array,

src/components/sidebar/Sidebar.vue

@@ -16,6 +16,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:visible', 'show', 'hide'],
     props: {
         visible: {
             type: Boolean,

src/components/slider/Slider.vue

@@ -14,6 +14,7 @@
 import DomHandler from '../utils/DomHandler';
 
 export default {
+    emits: ['update:modelValue', 'change', 'slideend'],
     props: {
         modelValue: [Number,Array],
 		min: {

src/components/tabview/TabView.vue

@@ -22,6 +22,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:activeIndex', 'tab-change'],
     props: {
         activeIndex: {
             type: Number,

src/components/textarea/Textarea.vue

@@ -4,6 +4,7 @@
 
 <script>
 export default {
+    emits: ['update:modelValue'],
     props: {
         modelValue: null,
         autoResize: Boolean

src/components/tieredmenu/TieredMenuSub.vue

@@ -27,6 +27,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['leaf-click', 'keydown-item'],
     name: 'sub-menu',
     props: {
         model: {

src/components/toast/ToastMessage.vue

@@ -17,6 +17,7 @@
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['close'],
     props: {
         message: null
     },

src/components/togglebutton/ToggleButton.vue

@@ -9,6 +9,7 @@
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['update:modelValue', 'change'],
     props: {
         modelValue: Boolean,
 		onIcon: String,

src/components/tree/Tree.vue

@@ -23,6 +23,7 @@ import TreeNode from './TreeNode';
 import ObjectUtils from '../utils/ObjectUtils';
 
 export default {
+    emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect'],
     props: {
         value: {
             type: null,

src/components/tree/TreeNode.vue

@@ -30,6 +30,7 @@ import DomHandler from '../utils/DomHandler';
 import Ripple from '../ripple/Ripple';
 
 export default {
+    emits: ['node-toggle', 'node-click', 'checkbox-change'],
     name: 'sub-treenode',
     props: {
         node: {

src/components/treetable/TreeTable.vue

@@ -82,6 +82,8 @@ import TreeTableRow from './TreeTableRow';
 import Paginator from '../paginator/Paginator';
 
 export default {
+    emits: ['node-expand', 'node-collapse', 'update:expandedKeys', 'update:selectionKeys', 'node-select', 'node-unselect', 
+        'update:first', 'update:rows', 'page', 'update:sortField', 'update:sortOrder', 'update:multiSortMeta', 'sort', 'filter', 'column-resize-end'],
     props: {
         value: {
             type: null,

src/components/tristatecheckbox/TriStateCheckbox.vue

@@ -12,6 +12,7 @@
 <script>
 export default {
     inheritAttrs: false,
+    emits: ['click', 'update:modelValue', 'change'],
     props: {
         modelValue: null,
         class: null,