I try to build a minimal vue-example and did a lot of reading, but: NcContent makes me crazy. The App-Generatpr creates an App with NcAppContent, but the documentation and NcAppNavigation says, i MUST use NcContent as the main wrapper. But look at the result:
And here is the code of my App.vue
<template>
<NcContent app-name="forms">
<NcAppNavigation />
<NcAppContent>
<h2>Your main app content here</h2>
</NcAppContent>
</NcContent>
</template>
<script>
import { NcContent, NcAppContent, NcAppNavigation } from '@nextcloud/vue'
export default {
components: {
NcAppContent,
NcAppNavigation,
NcContent,
},
data() {
return {
opened: false,
}
},
}
</script>
And package (standard from the app-generated stuff)
"dependencies": {
"@nextcloud/vue": "^8.11.2",
"vue": "^2.7.16"
},
"devDependencies": {
"@nextcloud/browserslist-config": "^3.0.1",
"@nextcloud/eslint-config": "^8.3.0",
"@nextcloud/stylelint-config": "^2.4.0",
"@nextcloud/webpack-vue-config": "^6.0.1",
"eslint-webpack-plugin": "^4.1.0",
"stylelint-webpack-plugin": "^5.0.0"
}