chore(vue3): Migrate NcEmptyContent

Signed-off-by: Raimund Schlüßler <[email protected]>

src/components/NcEmptyContent/NcEmptyContent.vue

@@ -187,7 +187,7 @@ export default {
 		 * Check if a description is given as either property or slot
 		 */
 		hasDescription() {
-			return this.description !== '' || this.$slots.description?.[0]
+			return this.description !== '' || this.$slots.description?.()?.[0]
 		},
 	},
 }

src/components/NcHeaderMenu/NcHeaderMenu.vue

@@ -180,7 +180,7 @@ export default {
 	mounted() {
 		document.addEventListener('keydown', this.onKeyDown)
 	},
-	beforeDestroy() {
+	beforeUnmount() {
 		document.removeEventListener('keydown', this.onKeyDown)
 	},
 

src/components/index.js

@@ -68,9 +68,9 @@ export { default as NcDatetime } from './NcDatetime/index.js'
 
 // Not yet adjusted for vue3
 // export { default as NcEmojiPicker } from './NcEmojiPicker/index.js'
-// export { default as NcEmptyContent } from './NcEmptyContent/index.js'
+export { default as NcEmptyContent } from './NcEmptyContent/index.js'
 export { default as NcGuestContent } from './NcGuestContent/index.js'
-// export { default as NcHeaderMenu } from './NcHeaderMenu/index.js'
+export { default as NcHeaderMenu } from './NcHeaderMenu/index.js'
 export { default as NcHighlight } from './NcHighlight/index.js'
 export { default as NcIconSvgWrapper } from './NcIconSvgWrapper/index.js'
 // Not exported on purpose as it is only meant as a base component

styleguide.config.js

@@ -116,8 +116,6 @@ module.exports = async () => {
 
 					// Not yet adjusted for vue3
 					'src/components/NcAvatar*/*.vue',
-					'src/components/NcEmptyContent*/*.vue',
-					'src/components/NcHeaderMenu*/*.vue',
 					'src/components/NcModal*/*.vue',
 					'src/components/NcRelatedResourcesPanel*/*.vue',
 					'src/components/NcRichContenteditable*/*.vue',