Fix remaining vue-compat warnings (#6966)

* PascalCase files

* emit warnings

* minor updates

* merge conflict resolve pt 1

* part 2

* update to eventbus

* eventbus spelling

* fix: import

* fix: eventBus injection

* fix: import

* fix(test): provide eventBus in overlay plot tests

* refactor: EventBus as composable

* chore: lint:fix

* chore: require vue event hyphenation

* fix: revert event renames

* refactor: use PascalCase name

* fix: ensure `$attrs` are properly bound

* fix: emit `click` event from SearchComponent

* chore: remove rules already included in `vue/vue3-recommended` ruleset

* fix: remove `Vue` import

* chore: remove unused files

* fix: fix lint scripts and make them cross-platform

* refactor: rename `DataImagery.vue` -> `ImageryInspectorView.vue`

* refactor: rename `NumericData.vue` -> `NumericDataInspectorView.vue`

* refactor: rename components

* refactor: rename `GeneralIndicators.vue` -> `StatusIndicators.vue`

* refactor: rename components

---------

Co-authored-by: Jesse Mazzella <jesse.d.mazzella@nasa.gov>
This commit is contained in:
David 'Epper' Marshall
2023-10-10 16:29:01 -04:00
committed by GitHub
parent 6b32c63039
commit 97b2ebc0bb
187 changed files with 731 additions and 533 deletions

View File

@ -46,7 +46,7 @@
:highlights="highlights"
:value-to-show-when-collapsed="valueToShowWhenCollapsed"
:series-key-string="seriesObject.keyString"
@legendHoverChanged="legendHoverChanged"
@legend-hover-changed="legendHoverChanged"
/>
</div>
<!-- EXPANDED PLOT LEGEND -->
@ -74,7 +74,7 @@
:key="`${seriesObject.keyString}-${seriesIndex}-expanded`"
:series-key-string="seriesObject.keyString"
:highlights="highlights"
@legendHoverChanged="legendHoverChanged"
@legend-hover-changed="legendHoverChanged"
/>
</tbody>
</table>
@ -108,6 +108,7 @@ export default {
}
}
},
emits: ['legend-hover-changed', 'position', 'expanded'],
data() {
return {
isLegendExpanded: false,
@ -214,7 +215,7 @@ export default {
this.$emit('expanded', this.isLegendExpanded);
},
legendHoverChanged(data) {
this.$emit('legendHoverChanged', data);
this.$emit('legend-hover-changed', data);
},
updatePosition() {
this.$emit('position', this.legend.get('position'));