How to define events for components individually using V2

[tolking]

I found that the events defined in the V2 are global and do not support defining a component individually.

"js": {
      "events": [
        {
          "name": "test",
          "description": "test event"
        }
    ]
}

But if defined in a component like V1, it works fine but produces an error.

"html": {
      "elements": [
        {
          "name": "app-demo",
          "events": [ // Property 'events' is deprecated: Contribute events to JS namespace: /js/events
            {
              "name": "load",
              "description": "load more info",
            }
          ]
       }
    ]
}

I would like to ask how to define separate events for components now.

[piotrtomiak]

Each contribution accepts namespace contributions, so you can add js or css contributions within them. E.g.:

"html": {
  "elements": [
    {
      "name": "app-demo",
      "js": {
        "events": [
          {
            "name": "load",
            "description": "load more info"
          }
        ]
      }
    }
  ]
}

Please note that if you are writing web-types for Vue components, they should now be contributed to html/vue-components instead of html/elements.