feat(runtime-dom): ensude mode is always xdg-open - opens a file or URL in the user's preferred application

Synopsis

xdg-open { file | URL }

xdg-open { --help | --manual | --version }

Use 'man xdg-open' or 'xdg-open --manual' for additional info. when attaching shadowRoot

Author: padcom

packages/runtime-dom/src/apiCustomElement.ts

@@ -53,7 +53,7 @@ export type VueElementConstructor<P = {}> = {
 export interface CustomElementOptions {
   styles?: string[]
   shadowRoot?: boolean
-  shadowRootOptions?: ShadowRootInit
+  shadowRootOptions?: Omit<ShadowRootInit, 'mode'>
   nonce?: string
   configureApp?: (app: App) => void
 }
@@ -264,7 +264,7 @@ export class VueElement
         )
       }
       if (_def.shadowRoot !== false) {
-        this.attachShadow(extend({ mode: 'open' }, _def.shadowRootOptions))
+        this.attachShadow(extend({}, _def.shadowRootOptions, { mode: 'open' }) as ShadowRootInit)
         this._root = this.shadowRoot!
       } else {
         this._root = this