chore: use addEventListener instead of addListener (#15923)

amareshsm · web-flow · commit 10249ad1a961 · 2022-05-25T23:39:53.000+02:00
Use addEventListener() instead of matchMedia().addListener() since matchMedia().addListener() is deprecated.
diff --git a/docs/src/assets/js/components-index.js b/docs/src/assets/js/components-index.js
@@ -6,7 +6,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
diff --git a/docs/src/assets/js/main.js b/docs/src/assets/js/main.js
@@ -6,7 +6,7 @@
 
     if (toc && matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -53,7 +53,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 
@@ -93,7 +93,7 @@
 
     if (matchMedia) {
         const mq = window.matchMedia("(max-width: 1023px)");
-        mq.addListener(WidthChange);
+        mq.addEventListener('change', WidthChange);
         WidthChange(mq);
     }
 

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`
`7`	`7`	`if (matchMedia) {`
`8`	`8`	`const mq = window.matchMedia("(max-width: 1023px)");`
`9`		`- mq.addListener(WidthChange);`
	`9`	`+ mq.addEventListener('change', WidthChange);`
`10`	`10`	`WidthChange(mq);`
`11`	`11`	`}`
`12`	`12`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`
`7`	`7`	`if (toc && matchMedia) {`
`8`	`8`	`const mq = window.matchMedia("(max-width: 1023px)");`
`9`		`- mq.addListener(WidthChange);`
	`9`	`+ mq.addEventListener('change', WidthChange);`
`10`	`10`	`WidthChange(mq);`
`11`	`11`	`}`
`12`	`12`
`@@ -53,7 +53,7 @@`
`53`	`53`
`54`	`54`	`if (matchMedia) {`
`55`	`55`	`const mq = window.matchMedia("(max-width: 1023px)");`
`56`		`- mq.addListener(WidthChange);`
	`56`	`+ mq.addEventListener('change', WidthChange);`
`57`	`57`	`WidthChange(mq);`
`58`	`58`	`}`
`59`	`59`
`@@ -93,7 +93,7 @@`
`93`	`93`
`94`	`94`	`if (matchMedia) {`
`95`	`95`	`const mq = window.matchMedia("(max-width: 1023px)");`
`96`		`- mq.addListener(WidthChange);`
	`96`	`+ mq.addEventListener('change', WidthChange);`
`97`	`97`	`WidthChange(mq);`
`98`	`98`	`}`
`99`	`99`