Vue warnings in extensions action menu

[rak-phillip]

Opening the action menu on the Extensions page prints the following warning to the console:

[Vue warn]: Extraneous non-emits event listeners (devLoad, manageRepos, addRancherRepos, manageExtensionView) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the "emits" option. 
  at <RcDropdown aria-label=undefined onUpdate:open=fn onDevLoad=fn<bound showDeveloperLoadDialog>  ... > 
  at <RcDropdownMenu button-role="tertiary" button-size="small" button-aria-label="Extensions menu"  ... > 
  at <ActionMenuShell data-testid="extensions-page-menu" button-role="tertiary" button-aria-label="Extensions menu"  ... > 
  at <Index class="outlet" onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< 
Proxy { <target>: {…}, <handler>: {…} }
 > > 
  at <RouterView key="/c/local/uiplugins" class="outlet" > 
  at <IndentedPanel class="pt-20" > 
  at <Plain onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< 
Proxy { <target>: {…}, <handler>: {…} }
 > > 
  at <RouterView> 
  at <App>

Details

This warning occurs because events emitted for custom actions are defined bye the actions object passed as a prop to ActionMenuShell.vue:

dashboard/shell/components/ActionMenuShell.vue

Lines 63 to 71 in 2279072

	emit(
	action.action,
	{
	action,
	event,
	...args,
	route,
	}
	);

This implementation makes it difficult explicitly specify which events the component will emit, as they are user defined.

Proposed solution

Refactor ActionMenuShell.vue so that it emits a 'selected' event that contains a key/value pair to help consumers identify which item was selected. Consumers of ActionMenuShell.vue will need to be refactored to adhere to this new pattern.