Add a component for #app-content

src/components/AppContent/AppContent.vue

@@ -0,0 +1,31 @@
+<!--
+ - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
+ -
+ - @author Christoph Wurst <christoph@winzerhof-wurst.at>
+ -
+ - @license GNU AGPL version 3 or any later version
+ -
+ - This program is free software: you can redistribute it and/or modify
+ - it under the terms of the GNU Affero General Public License as
+ - published by the Free Software Foundation, either version 3 of the
+ - License, or (at your option) any later version.
+ -
+ - This program is distributed in the hope that it will be useful,
+ - but WITHOUT ANY WARRANTY; without even the implied warranty of
+ - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ - GNU Affero General Public License for more details.
+ -
+ - You should have received a copy of the GNU Affero General Public License
+ - along with this program. If not, see <http://www.gnu.org/licenses/>.
+ -
+ -->
+
+<template>
+	<div id="app-content">
+		<slot />
+	</div>
+</template>
+
+<script>
+export default {}
+</script>

src/components/AppContent/index.js

@@ -0,0 +1,24 @@
+/*
+ * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import AppContent from './AppContent'
+
+export default AppContent
+export { AppContent }

src/components/Content/Content.vue

@@ -23,11 +23,7 @@
 <template>
 	<div id="content" :class="'app-' + appName">
 		<slot name="navigation" />
-		<div v-if="$slots['content'] !== undefined"
-			id="app-content"
-			:class="contentClass">
-			<slot name="content" />
-		</div>
+		<slot name="content" />
 		<slot />
 		<div v-if="$slots['sidebar'] !== undefined"
 			id="app-sidebar">
@@ -42,11 +38,6 @@ export default {
 		appName: {
 			type: String,
 			required: true
-		},
-		contentClass: {
-			type: [String, Array, Object],
-			required: false,
-			default: ''
 		}
 	}
 }

src/components/index.js

@@ -21,27 +21,29 @@
  */
 
 import Action from './Action'
-import Content from './Content'
+import AppContent from './AppContent'
 import AppNavigation from './AppNavigation'
 import AppNavigationItem from './AppNavigationItem'
 import AppNavigationNew from './AppNavigationNew'
 import AppNavigationSettings from './AppNavigationSettings'
 import AppNavigationSpacer from './AppNavigationSpacer'
 import Avatar from './Avatar'
+import Content from './Content'
 import DatetimePicker from './DatetimePicker'
 import Modal from './Modal'
 import Multiselect from './Multiselect'
 import PopoverMenu from './PopoverMenu'
 
 export {
 	Action,
-	Content,
+	AppContent,
 	AppNavigation,
 	AppNavigationItem,
 	AppNavigationNew,
 	AppNavigationSettings,
 	AppNavigationSpacer,
 	Avatar,
+	Content,
 	DatetimePicker,
 	Modal,
 	Multiselect,