Merge pull request #8271 from nextcloud-libraries/fix/app-name-stable8

[stable8] fix(NcContent): provide `appName` to children

Author: susnux

src/components/NcContent/NcContent.vue

@@ -112,6 +112,7 @@ export default {
 
 	provide() {
 		return {
+			appName: this.appName,
 			'NcContent:setHasAppNavigation': this.setAppNavigation,
 			'NcContent:selector': '#content-vue',
 		}

tests/unit/utils/appName.spec.ts

@@ -0,0 +1,34 @@
+/*!
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { describe, expect, it } from '@jest/globals'
+import { mount } from '@vue/test-utils'
+import { defineComponent } from 'vue'
+import NcContent from '../../../src/components/NcContent/NcContent.vue'
+import { useAppName } from '../../../src/utils/appName.ts'
+
+const TestComponent = defineComponent({
+	template: '<div>{{ appName }}</div>',
+	setup() {
+		return { appName: useAppName() }
+	},
+})
+
+const WrappedTestComponent = defineComponent({
+	template: '<NcContent app-name="custom_app"><TestComponent /></NcContent>',
+	components: { NcContent, TestComponent },
+})
+
+describe('useAppName', () => {
+	it('should return the fallback app name', () => {
+		const wrapper = mount(TestComponent)
+		expect(wrapper.text()).toBe('nextcloud-vue')
+	})
+
+	it('should return the app name injected by NcContent', () => {
+		const wrapper = mount(WrappedTestComponent)
+		expect(wrapper.text()).toBe('custom_app')
+	})
+})