fixes following rules

Signed-off-by: dartcafe <github@dartcafe.de>

src/js/App.vue

@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<Content app-name="polls"
+	<NcContent app-name="polls"
 		:style="{background: appBackground}"
 		:class="appClass">
 		<router-view v-if="getCurrentUser()" name="navigation" />
@@ -29,13 +29,13 @@
 		<router-view v-if="showSidebar" name="sidebar" :active="activeTab" />
 		<LoadingOverlay v-if="loading" />
 		<UserSettingsDlg />
-	</Content>
+	</NcContent>
 </template>
 
 <script>
 import UserSettingsDlg from './components/Settings/UserSettingsDlg.vue'
 import { getCurrentUser } from '@nextcloud/auth'
-import { Content } from '@nextcloud/vue'
+import { Content as NcContent } from '@nextcloud/vue'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { mapState, mapGetters, mapActions } from 'vuex'
 import '@nextcloud/dialogs/styles/toast.scss'
@@ -52,7 +52,7 @@ import { watchPolls } from './mixins/watchPolls.js'
 export default {
 	name: 'App',
 	components: {
-		Content,
+		NcContent,
 		LoadingOverlay: () => import('./components/Base/LoadingOverlay.vue'),
 		UserSettingsDlg,
 	},

src/js/components/Base/FlexSpacer.vue

@@ -28,7 +28,7 @@
 
 <script>
 export default {
-	name: 'Spacer',
+	name: 'FlexSpacer',
 	props: {
 		tag: {
 			type: String,

src/js/components/Calendar/CalendarPeek.vue

@@ -36,11 +36,11 @@
 		</div>
 	</Popover>
 </template>
-
+n
 <script>
 
 import { mapState } from 'vuex'
-import orderBy from 'lodash/orderBy'
+import { orderBy } from 'lodash'
 import { Popover } from '@nextcloud/vue'
 import moment from '@nextcloud/moment'
 import CalendarInfo from '../Calendar/CalendarInfo.vue'

src/js/components/Comments/Comments.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script>
-import sortBy from 'lodash/sortBy'
+import { sortBy } from 'lodash'
 import CommentItem from './CommentItem.vue'
 import { mapState } from 'vuex'
 

src/js/components/Export/ExportPoll.vue

@@ -64,7 +64,7 @@ import ExcelIcon from 'vue-material-design-icons/MicrosoftExcel.vue'
 import FileTableIcon from 'vue-material-design-icons/FileTableOutline.vue'
 import CsvIcon from 'vue-material-design-icons/FileDelimited.vue'
 import XmlIcon from 'vue-material-design-icons/Xml.vue'
-import ExportIcon from 'vue-material-design-icons/FileDownloadOutline'
+import ExportIcon from 'vue-material-design-icons/FileDownloadOutline.vue'
 
 export default {
 	name: 'ExportPoll',

src/js/components/Options/OptionsDateAdd.vue

@@ -61,7 +61,7 @@
 				<div>
 					{{ dateOption.text }}
 				</div>
-				<Spacer />
+				<FlexSpacer />
 				<button v-if="dateOption.option.duration >= 0 && !added" class="primary" @click="addOption">
 					{{ t('polls', 'Add') }}
 				</button>
@@ -79,7 +79,7 @@
 import { showError, showSuccess } from '@nextcloud/dialogs'
 import moment from '@nextcloud/moment'
 import { Button as VueButton, CheckboxRadioSwitch, DatetimePicker } from '@nextcloud/vue'
-import Spacer from '../Base/Spacer.vue'
+import FlexSpacer from '../Base/FlexSpacer.vue'
 import AddDateIcon from 'vue-material-design-icons/CalendarPlus.vue'
 
 export default {
@@ -90,7 +90,7 @@ export default {
 		VueButton,
 		CheckboxRadioSwitch,
 		DatetimePicker,
-		Spacer,
+		FlexSpacer,
 	},
 
 	props: {

src/js/components/Poll/MarkUpDescription.vue

@@ -22,9 +22,7 @@
 
 <template lang="html">
 	<!-- eslint-disable-next-line vue/no-v-html -->
-	<div class="markup-description" v-html="markedDescription">
-		{{ markedDescription }}
-	</div>
+	<div class="markup-description" v-html="markedDescription" />
 </template>
 
 <script>

src/js/components/Poll/PublicEmail.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import axios from '@nextcloud/axios'
 import InputDiv from '../Base/InputDiv.vue'
 import { generateUrl } from '@nextcloud/router'

src/js/components/Poll/PublicRegisterModal.vue

@@ -91,7 +91,7 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'

src/js/components/User/UserMenu.vue

@@ -94,7 +94,7 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import axios from '@nextcloud/axios'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'

src/js/components/User/UserSearch.vue

@@ -47,7 +47,7 @@
 </template>
 
 <script>
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import axios from '@nextcloud/axios'
 import { showError } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'

src/js/components/VoteTable/VoteColumn.vue

@@ -42,7 +42,7 @@
 			:avatar-size="24"
 			class="owner" />
 
-		<Spacer v-if="poll.type === 'datePoll' && viewMode === 'list-view'" />
+		<FlexSpacer v-if="poll.type === 'datePoll' && viewMode === 'list-view'" />
 
 		<div v-if="acl.allowEdit && closed" class="action confirm">
 			<VueButton v-tooltip="option.confirmed ? t('polls', 'Unconfirm option') : t('polls', 'Confirm option')"
@@ -62,7 +62,7 @@ import { mapState, mapGetters } from 'vuex'
 import { Button as VueButton } from '@nextcloud/vue'
 import Counter from '../Options/Counter.vue'
 import OptionItem from '../Options/OptionItem.vue'
-import Spacer from '../Base/Spacer.vue'
+import FlexSpacer from '../Base/FlexSpacer.vue'
 import VoteItem from './VoteItem.vue'
 import { confirmOption } from '../../mixins/optionMixins.js'
 import UnconfirmIcon from 'vue-material-design-icons/CheckboxMarkedOutline.vue'
@@ -75,7 +75,7 @@ export default {
 		UnconfirmIcon,
 		Counter,
 		OptionItem,
-		Spacer,
+		FlexSpacer,
 		VoteItem,
 		VueButton,
 		CalendarPeek: () => import('../Calendar/CalendarPeek.vue'),

src/js/mixins/adminSettingsMixin.js

@@ -21,7 +21,7 @@
  *
  */
 
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
 import { mapState } from 'vuex'

src/js/mixins/writePoll.js

@@ -21,7 +21,7 @@
  *
  */
 
-import debounce from 'lodash/debounce'
+import { debounce } from 'lodash'
 import { showSuccess, showError } from '@nextcloud/dialogs'
 import { mapState } from 'vuex'
 

src/js/store/modules/combo.js

@@ -24,7 +24,7 @@
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
 import { uniqueOptions, uniqueParticipants } from '../../helpers/arrayHelper.js'
-import sortBy from 'lodash/sortBy'
+import { sortBy } from 'lodash'
 
 const defaultCombo = () => ({
 	id: 1,

src/js/store/modules/index.js

@@ -21,7 +21,7 @@
  *
  */
 
-import camelCase from 'lodash/camelCase'
+import { camelCase } from 'lodash'
 const requireModule = require.context('.', false, /\.js$/)
 const modules = {}
 

src/js/store/modules/options.js

@@ -23,7 +23,7 @@
 
 import axios from '@nextcloud/axios'
 import { generateUrl } from '@nextcloud/router'
-import orderBy from 'lodash/orderBy'
+import { orderBy } from 'lodash'
 import moment from '@nextcloud/moment'
 
 const defaultOptions = () => ({

src/js/store/modules/polls.js

@@ -26,7 +26,7 @@
 import axios from '@nextcloud/axios'
 import moment from '@nextcloud/moment'
 import { generateUrl } from '@nextcloud/router'
-import orderBy from 'lodash/orderBy'
+import { orderBy } from 'lodash'
 
 const state = {
 	list: [],

src/js/views/Administration.vue

@@ -124,7 +124,7 @@ import { mapGetters } from 'vuex'
 import { showError } from '@nextcloud/dialogs'
 import { emit } from '@nextcloud/event-bus'
 import { Actions, ActionButton, AppContent, Button as VueButton, EmptyContent, Modal } from '@nextcloud/vue'
-import sortBy from 'lodash/sortBy'
+import { sortBy } from 'lodash'
 import HeaderBar from '../components/Base/HeaderBar.vue'
 import PollsAppIcon from '../components/AppIcons/PollsAppIcon.vue'