refactor(devtools): modernize MouseEvent initialization (#2930)

* fix(devtools): replace deprecated MouseEvent initialization with modern constructor

* fix(docs): add missing comma in theme index.ts

Author: NaokiHaba

packages/docs/.vitepress/theme/index.ts

@@ -27,7 +27,7 @@ const theme: Theme = {
       'aside-ads-before': () => h(AsideSponsors),
       // 'layout-top': () => h(VuejsdeConfBanner),
       'doc-before': () => h(TranslationStatus, { status, i18nLabels }),
-      'layout-top': () => h(MadVueBanner)
+      'layout-top': () => h(MadVueBanner),
     })
   },
 

packages/pinia/src/devtools/file-saver.ts

@@ -68,24 +68,22 @@ function click(node: Element) {
   try {
     node.dispatchEvent(new MouseEvent('click'))
   } catch (e) {
-    const evt = document.createEvent('MouseEvents')
-    evt.initMouseEvent(
-      'click',
-      true,
-      true,
-      window,
-      0,
-      0,
-      0,
-      80,
-      20,
-      false,
-      false,
-      false,
-      false,
-      0,
-      null
-    )
+    const evt = new MouseEvent('click', {
+      bubbles: true,
+      cancelable: true,
+      view: window,
+      detail: 0,
+      screenX: 80,
+      screenY: 20,
+      clientX: 80,
+      clientY: 20,
+      ctrlKey: false,
+      altKey: false,
+      shiftKey: false,
+      metaKey: false,
+      button: 0,
+      relatedTarget: null,
+    })
     node.dispatchEvent(evt)
   }
 }