Bind app to #content

src/js/App.vue

@@ -21,21 +21,23 @@
   -->
 
 <template>
-	<fragment>
+	<Content app-name="polls">
 		<Navigation v-if="OC.currentUser" />
 		<router-view />
 		<SideBar v-if="sideBarOpen && $store.state.poll.id" :active="activeTab" @closeSideBar="toggleSideBar" />
-	</fragment>
+	</Content>
 </template>
 
 <script>
 import Navigation from './components/Navigation/Navigation'
+import { Content } from '@nextcloud/vue'
 import SideBar from './components/SideBar/SideBar'
 
 export default {
 	name: 'App',
 	components: {
 		Navigation,
+		Content,
 		SideBar
 	},
 

src/js/main.js

@@ -64,7 +64,7 @@ Vue.use(VueClipboard)
 
 /* eslint-disable-next-line no-new */
 new Vue({
-	el: '#app-polls',
+	el: '#content',
 	router: router,
 	store: store,
 	render: h => h(App)

templates/polls.tmpl.php

@@ -25,4 +25,3 @@
 ?>
 
 <?php \OCP\Util::addScript('polls', 'polls'); ?>
-<div id="app-polls"></div>