Merge pull request #6948 from nextcloud-libraries/refactor/migrate-nc-guest-content-ts

refactor(NcGuestContent): migrate component to Typescript

Author: susnux

src/components/NcGuestContent/NcGuestContent.vue

@@ -5,6 +5,7 @@
 
 <docs>
 ### General description
+Guest content container to be used for the guest content of your app.
 
 This components provides a wrapper around guest page content.
 It should be used as the main wrapper for public pages, similar to `NcContent`.
@@ -23,27 +24,29 @@ It can't be used multiple times on the same page.
 ```
 </docs>
 
+<script setup lang="ts">
+import type { Slot } from 'vue'
+import { onMounted, onUnmounted } from 'vue'
+
+defineSlots<{
+	default?: Slot
+}>()
+
+onMounted(() => {
+	document.getElementById('content')!.classList.add('nc-guest-content')
+})
+
+onUnmounted(() => {
+	document.getElementById('content')!.classList.remove('nc-guest-content')
+})
+</script>
+
 <template>
 	<div id="guest-content-vue">
 		<slot />
 	</div>
 </template>
 
-<script>
-/**
- * Guest content container to be used for the guest content of your app
- */
-export default {
-	name: 'NcGuestContent',
-	mounted() {
-		document.getElementById('content').classList.add('nc-guest-content')
-	},
-	unmounted() {
-		document.getElementById('content').classList.remove('nc-guest-content')
-	},
-}
-</script>
-
 <style lang="scss" scoped>
 #guest-content-vue {
 	color: var(--color-main-text);

src/components/NcGuestContent/index.js src/components/NcGuestContent/index.tssrc/components/NcGuestContent/index.js renamed to src/components/NcGuestContent/index.ts

@@ -54,8 +54,8 @@ export { default as NcDialogButton } from './NcDialogButton/index.js'
 export { default as NcEllipsisedOption } from './NcEllipsisedOption/index.js'
 export { default as NcEmojiPicker } from './NcEmojiPicker/index.js'
 export { default as NcEmptyContent } from './NcEmptyContent/index.ts'
-export { default as NcGuestContent } from './NcGuestContent/index.js'
-export { default as NcHeaderButton } from './NcHeaderButton/index'
+export { default as NcGuestContent } from './NcGuestContent/index.ts'
+export { default as NcHeaderButton } from './NcHeaderButton/index.ts'
 export { default as NcHeaderMenu } from './NcHeaderMenu/index.js'
 export { default as NcHighlight } from './NcHighlight/index.js'
 export { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.js'