build(deps-dev): bump typescript from 4.3.5 to 4.4.2 (#4482)

* build(deps-dev): bump typescript from 4.3.5 to 4.4.2

Bumps [typescript](https://github.com/Microsoft/TypeScript) from 4.3.5 to 4.4.2.
- [Release notes](https://github.com/Microsoft/TypeScript/releases)
- [Commits](https://github.com/Microsoft/TypeScript/compare/v4.3.5...v4.4.2)

---
updated-dependencies:
- dependency-name: typescript
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>

* build(deps-dev): bump typescript from 4.3.5 to 4.4.2

* test: fix nodeOps types

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Carlos Rodrigues <carlos@hypermob.co.uk>
Co-authored-by: Evan You <yyx990803@gmail.com>

packages/compiler-core/src/transforms/transformExpression.ts

@@ -233,7 +233,7 @@ export function processExpression(
     ast = parse(source, {
       plugins: [...context.expressionPlugins, ...babelParserDefaultPlugins]
     }).program
-  } catch (e) {
+  } catch (e: any) {
     context.onError(
       createCompilerError(
         ErrorCodes.X_INVALID_EXPRESSION,

packages/compiler-core/src/validateExpression.ts

@@ -46,7 +46,7 @@ export function validateBrowserExpression(
         ? ` ${exp} `
         : `return ${asParams ? `(${exp}) => {}` : `(${exp})`}`
     )
-  } catch (e) {
+  } catch (e: any) {
     let message = e.message
     const keywordMatch = exp
       .replace(stripStringRE, '')

packages/compiler-sfc/__tests__/utils.ts

@@ -22,7 +22,7 @@ export function assertCode(code: string) {
       sourceType: 'module',
       plugins: [...babelParserDefaultPlugins, 'typescript']
     })
-  } catch (e) {
+  } catch (e: any) {
     console.log(code)
     throw e
   }

packages/compiler-sfc/src/compileScript.ts

@@ -210,7 +210,7 @@ export function compileScript(
         bindings,
         scriptAst: scriptAst.body
       }
-    } catch (e) {
+    } catch (e: any) {
       // silently fallback if parse fails since user may be using custom
       // babel syntax
       return script
@@ -281,7 +281,7 @@ export function compileScript(
   ): Program {
     try {
       return _parse(input, options).program
-    } catch (e) {
+    } catch (e: any) {
       e.message = `[@vue/compiler-sfc] ${e.message}\n\n${
         sfc.filename
       }\n${generateCodeFrame(source, e.pos + offset, e.pos + offset + 1)}`

packages/compiler-sfc/src/compileStyle.ts

@@ -205,7 +205,7 @@ export function doCompileStyle(
     // force synchronous transform (we know we only have sync plugins)
     code = result.css
     outMap = result.map
-  } catch (e) {
+  } catch (e: any) {
     errors.push(e)
   }
 

packages/compiler-sfc/src/compileTemplate.ts

@@ -127,7 +127,7 @@ export function compileTemplate(
         ...options,
         source: preprocess(options, preprocessor)
       })
-    } catch (e) {
+    } catch (e: any) {
       return {
         code: `export default function render() {}`,
         source: options.source,

packages/compiler-sfc/src/stylePreprocessors.ts

@@ -45,7 +45,7 @@ const scss: StylePreprocessor = (source, map, options, load = require) => {
     }
 
     return { code: result.css.toString(), errors: [], dependencies }
-  } catch (e) {
+  } catch (e: any) {
     return { code: '', errors: [e], dependencies: [] }
   }
 }
@@ -114,7 +114,7 @@ const styl: StylePreprocessor = (source, map, options, load = require) => {
     }
 
     return { code: result, errors: [], dependencies }
-  } catch (e) {
+  } catch (e: any) {
     return { code: '', errors: [e], dependencies: [] }
   }
 }

packages/ref-transform/__tests__/refTransform.spec.ts

@@ -9,7 +9,7 @@ function assertCode(code: string) {
       sourceType: 'module',
       plugins: [...babelParserDefaultPlugins, 'typescript']
     })
-  } catch (e) {
+  } catch (e: any) {
     console.log(code)
     throw e
   }

packages/runtime-core/__tests__/apiCreateApp.spec.ts

@@ -84,7 +84,7 @@ describe('api: createApp', () => {
         const bar = inject('bar')
         try {
           inject('__proto__')
-        } catch (e) {}
+        } catch (e: any) {}
         return () => `${foo},${bar}`
       }
     }

packages/runtime-core/__tests__/apiSetupHelpers.spec.ts

@@ -179,7 +179,7 @@ describe('SFC <script setup> helpers', () => {
             )
             __temp = await __temp
             __restore()
-          } catch (e) {
+          } catch (e: any) {
             // ignore
           }
           // register the lifecycle after an await statement

packages/runtime-core/__tests__/errorHandling.spec.ts

@@ -490,7 +490,7 @@ describe('error handling', () => {
 
     try {
       await Promise.all(res)
-    } catch (e) {
+    } catch (e: any) {
       expect(e).toBe(err)
     }
     expect(fn).toHaveBeenCalledWith(err, 'component event handler')

packages/runtime-core/__tests__/scheduler.spec.ts

@@ -489,7 +489,7 @@ describe('scheduler', () => {
     })
     try {
       await nextTick()
-    } catch (e) {
+    } catch (e: any) {
       expect(e).toBe(err)
     }
     expect(

packages/runtime-core/src/apiDefineComponent.ts

@@ -38,10 +38,11 @@ export type DefineComponent<
   M extends MethodOptions = MethodOptions,
   Mixin extends ComponentOptionsMixin = ComponentOptionsMixin,
   Extends extends ComponentOptionsMixin = ComponentOptionsMixin,
-  E extends EmitsOptions = Record<string, any>,
+  E extends EmitsOptions = {},
   EE extends string = string,
   PP = PublicProps,
-  Props = Readonly<ExtractPropTypes<PropsOrPropOptions>> & EmitsToProps<E>,
+  Props = Readonly<ExtractPropTypes<PropsOrPropOptions>> &
+    ({} extends E ? {} : EmitsToProps<E>),
   Defaults = ExtractDefaultPropTypes<PropsOrPropOptions>
 > = ComponentPublicInstanceConstructor<
   CreateComponentPublicInstance<

packages/runtime-core/src/compat/global.ts

@@ -619,7 +619,7 @@ function defineReactive(obj: any, key: string, val: any) {
       Object.keys(val).forEach(key => {
         try {
           defineReactiveSimple(val, key, val[key])
-        } catch (e) {}
+        } catch (e: any) {}
       })
     }
   }

packages/runtime-core/src/hmr.ts

@@ -169,7 +169,7 @@ function tryWrap(fn: (id: string, arg: any) => any): Function {
   return (id: string, arg: any) => {
     try {
       return fn(id, arg)
-    } catch (e) {
+    } catch (e: any) {
       console.error(e)
       console.warn(
         `[HMR] Something went wrong during Vue component hot-reload. ` +

packages/runtime-dom/__tests__/nodeOps.spec.ts

@@ -60,8 +60,8 @@ describe('runtime-dom: node-ops', () => {
       expect(parent.innerHTML).toBe(content)
       expect(first).toBe(parent.firstChild)
       expect(last).toBe(parent.lastChild)
-      expect(first.namespaceURI).toMatch('svg')
-      expect(last.namespaceURI).toMatch('svg')
+      expect((first as Element).namespaceURI).toMatch('svg')
+      expect((last as Element).namespaceURI).toMatch('svg')
     })
 
     test('fresh insertion as svg, with anchor', () => {
@@ -79,8 +79,8 @@ describe('runtime-dom: node-ops', () => {
       expect(parent.innerHTML).toBe(content + existing)
       expect(first).toBe(parent.firstChild)
       expect(last).toBe(parent.childNodes[parent.childNodes.length - 2])
-      expect(first.namespaceURI).toMatch('svg')
-      expect(last.namespaceURI).toMatch('svg')
+      expect((first as Element).namespaceURI).toMatch('svg')
+      expect((last as Element).namespaceURI).toMatch('svg')
     })
   })
 })

packages/runtime-dom/src/modules/props.ts

@@ -87,7 +87,7 @@ export function patchDOMProp(
   // some properties perform value validation and throw
   try {
     el[key] = value
-  } catch (e) {
+  } catch (e: any) {
     if (__DEV__) {
       warn(
         `Failed setting prop "${key}" on <${el.tagName.toLowerCase()}>: ` +

packages/server-renderer/__tests__/render.spec.ts

@@ -1078,7 +1078,7 @@ function testRender(type: string, render: typeof renderToString) {
 
       try {
         await render(app)
-      } catch (e) {
+      } catch (e: any) {
         renderError = e
       }
       expect(renderError).toBe(null)

packages/server-renderer/src/renderToStream.ts

@@ -182,7 +182,7 @@ export function pipeToWebWritable(
   let hasReady = false
   try {
     hasReady = isPromise(writer.ready)
-  } catch (e) {}
+  } catch (e: any) {}
 
   renderToSimpleStream(input, context, {
     async push(content) {

packages/sfc-playground/src/output/Preview.vue

@@ -49,7 +49,7 @@ watch(
         ]
       }
       createSandbox()
-    } catch (e) {
+    } catch (e: any) {
       store.errors = [e as Error]
       return
     }
@@ -89,7 +89,7 @@ function createSandbox() {
   let importMap: Record<string, any>
   try {
     importMap = JSON.parse(store.importMap || `{}`)
-  } catch (e) {
+  } catch (e: any) {
     store.errors = [`Syntax error in import-map.json: ${(e as Error).message}`]
     return
   }
@@ -193,7 +193,7 @@ async function updatePreview() {
   app.config.errorHandler = e => console.error(e)
   app.mount('#app')`.trim()
     ])
-  } catch (e) {
+  } catch (e: any) {
     runtimeError.value = (e as Error).message
   }
 }

packages/sfc-playground/src/output/srcdoc.html

@@ -61,7 +61,7 @@
 							}
 							window.__next__ = undefined
 							send_ok()
-						} catch (e) {
+						} catch (e: any) {
 							send_error(e.message, e.stack);
 						}
 					}
@@ -109,7 +109,7 @@
 					}
 					try {
 						parent.postMessage({ action: 'error', value: error }, '*');
-					} catch (e) {
+					} catch (e: any) {
 						parent.postMessage({ action: 'error', value: msg }, '*');
 					}
 				}
@@ -121,7 +121,7 @@
 					}
 					try {
 						parent.postMessage({ action: 'unhandledrejection', value: event.reason }, '*');
-					} catch (e) {
+					} catch (e: any) {
 						parent.postMessage({ action: 'unhandledrejection', value: event.reason.message }, '*');
 					}
 				});

packages/sfc-playground/src/transform.ts

@@ -233,7 +233,7 @@ async function doCompileScript(
       }
 
       return [code, compiledScript.bindings]
-    } catch (e) {
+    } catch (e: any) {
       store.errors = [e.stack.split('\n').slice(0, 12).join('\n')]
       return
     }

packages/template-explorer/src/index.ts

@@ -71,7 +71,7 @@ window.init = () => {
       lastSuccessfulCode = code + `\n\n// Check the console for the AST`
       lastSuccessfulMap = new SourceMapConsumer(map!)
       lastSuccessfulMap!.computeColumnSpans()
-    } catch (e) {
+    } catch (e: any) {
       lastSuccessfulCode = `/* ERROR: ${e.message} (see console for more info) */`
       console.error(e)
     }

scripts/release.js

@@ -220,7 +220,7 @@ async function publishPackage(pkgName, version, runIfNotDry) {
       }
     )
     console.log(chalk.green(`Successfully published ${pkgName}@${version}`))
-  } catch (e) {
+  } catch (e: any) {
     if (e.stderr.match(/previously published/)) {
       console.log(chalk.red(`Skipping already published: ${pkgName}`))
     } else {

yarn.lock

@@ -6318,7 +6318,12 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typescript@^4.2.2, typescript@~4.3.5:
+typescript@^4.2.2:
+  version "4.4.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.4.2.tgz#6d618640d430e3569a1dfb44f7d7e600ced3ee86"
+  integrity sha512-gzP+t5W4hdy4c+68bfcv0t400HVJMMd2+H9B7gae1nQlBzCqvrXX+6GL/b3GAgyTH966pzrZ70/fRjwAtZksSQ==
+
+typescript@~4.3.5:
   version "4.3.5"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.3.5.tgz#4d1c37cc16e893973c45a06886b7113234f119f4"
   integrity sha512-DqQgihaQ9cUrskJo9kIyW/+g0Vxsk8cDtZ52a3NGh0YNTfpUSArXSohyUGnvbPazEPLu398C0UxmKSOrPumUzA==