chore(deps): initialize TS support in Vue files

[Antreesy]

☑️ Resolves

• Ref TypeScript support #14166

🖌️ UI Checklist

🚧 Tasks

• ...

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[ShGKme]

I have a very weird error, which doesn't make sense - the types are correct here.

Don't you have the same?

$ npm run typescript:check                 

> talk@22.0.0-dev.0 typescript:check
> vue-tsc --noEmit

src/stores/breakoutRooms.ts:119:32 - error TS2353: Object literal may only specify known properties, and 'activeTab' does not exist in type '{ cache?: boolean | undefined; }'.

119     sidebarStore.showSidebar({ activeTab: 'breakout-rooms' })
                                   ~~~~~~~~~


Found 1 error in src/stores/breakoutRooms.ts:119

[Antreesy]

Don't you have the same?

I see it in the file, but not during automatic check 🤔 Maybe it's due to that type is inferred from .js file

[ShGKme]

Don't you have the same?

I see it in the file, but not during automatic check 🤔 Maybe it's due to that type is inferred from .js file

It infers type from JS definition incorrectly.

Either migrate the module to TS or add JSDoc with types:

/**
 * Show the sidebar
 * @param {object} payload - Action payload
 * @param {string} [payload.activeTab] - Tab ID to open in the sidebar
 * @param {boolean} [payload.cache] - Whether to cache the sidebar state in the browser storage
 */

[DorraJaouad]

Checked

[Antreesy]

• rebased
• migrated sidebar.js to .ts
• fixed coreService.ts
• fixed typos

[Antreesy]

/backport to stable31