refactor(Focus): migrate directive to Typescript

Signed-off-by: Ferdinand Thiessen <[email protected]>

Author: susnux

src/components/NcAppSidebar/NcAppSidebar.vue

@@ -715,7 +715,7 @@ import NcAppSidebarHeader from '../NcAppSidebarHeader/index.ts'
 import NcButton from '../NcButton/index.js'
 import NcEmptyContent from '../NcEmptyContent/index.js'
 import NcLoadingIcon from '../NcLoadingIcon/index.js'
-import Focus from '../../directives/Focus/index.js'
+import Focus from '../../directives/Focus/index.ts'
 import { useIsSmallMobile } from '../../composables/useIsMobile/index.js'
 import GenRandomId from '../../utils/GenRandomId.js'
 import { getTrapStack } from '../../utils/focusTrap.ts'

src/directives/Focus/index.js renamed to src/directives/Focus/index.ts

@@ -3,8 +3,10 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-export const directive = {
-	inserted(el) {
+import type { ObjectDirective } from 'vue'
+
+const directive: ObjectDirective<HTMLElement> = {
+	inserted(el: HTMLElement) {
 		el.focus()
 	},
 }

src/directives/index.js

@@ -3,6 +3,6 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-export { default as Focus } from './Focus/index.js'
+export { default as Focus } from './Focus/index.ts'
 export { default as Linkify } from './Linkify/index.js'
 export { default as Tooltip } from './Tooltip/index.js'

styleguide/global.requires.js

@@ -9,7 +9,7 @@ import { isA11yActivation } from '../src/functions/a11y/index.ts'
 import { EmojiSkinTone, emojiSearch, emojiAddRecent, getCurrentSkinTone, setCurrentSkinTone } from '../src/functions/emoji/index.ts'
 import usernameToColor from '../src/functions/usernameToColor/index.js'
 import Tooltip from './../src/directives/Tooltip/index.js'
-import Focus from './../src/directives/Focus/index.js'
+import Focus from './../src/directives/Focus/index.ts'
 import Linkify from './../src/directives/Linkify/index.js'
 import { useIsDarkTheme } from '../src/composables/index.js'
 import { spawnDialog } from '../src/functions/dialog/index.ts'