types(runtime-core): enable plugin option types

[tony19]

This enables type inference for:

1. The options arg of a plugin's install function
2. The options passed to createApp().use()

/**
 * Plugin
 */
type PluginAOptionType = {
  option1?: string;
  option2: number;
  option3: boolean;
}

const PluginA = {
  install(app: App, ...options: PluginAOptionType[]) {

  }
}

const PluginB = {
  install(app: App) {

  }
}

/**
 * Main
 */
createApp({})
  .use(PluginA, { option3: true }) // ❌ option2 (required) missing
  .use(PluginA, {}) // ❌ option2 and option3 (required) missing
  .use(PluginA) // ✅
  .use(PluginA, { option2: 1, option3: true }) // ✅
  .use(PluginA, { option1: 'foo', option2: 1, option3: true }) // ✅
  
  .use(PluginB) // ✅
  .use(PluginB, {}) // ❌ unexpected plugin option

demo

[posva]

Thank you but there are already a few open PRs for this: https://github.com/vuejs/vue-next/pull/2758 https://github.com/vuejs/vue-next/pull/2589

[tony19]

@posva Oh, I missed those PRs. However, they appear to be outdated, as they no longer compile. Plus, I believe they'll introduce a breaking change for users. I'll comment in a moment.

[antfu]

@tony19 Can you help resolve the conflicts? Thanks

[tony19]

@antfu Done. Thanks!

[tony19]

@posva I agree, and the current code already allows that 😄

[posva]

You were right! but it also should be stricter 😄 I’m reviewing on the phone so I can’t do much code but I will give it a proper review with help later