fix: code and style

Signed-off-by: Wolfgang <[email protected]>

src/components/modals/HelpModal.vue

@@ -148,7 +148,8 @@
 </template>
 
 <script>
-import { NcModal, Tooltip } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip.js'
 
 export default {
 	name: 'HelpModal',

src/dataservices/item.service.ts

@@ -1,7 +1,7 @@
 import _ from 'lodash'
 import { AxiosResponse } from 'axios'
 import axios from '@nextcloud/axios'
-import store from './../store/app.ts'
+import store from './../store/app'
 
 import { API_ROUTES } from '../types/ApiRoutes'
 import { FeedItem } from '../types/FeedItem'

src/store/app.ts

@@ -7,15 +7,20 @@ export const APPLICATION_ACTION_TYPES = {
 
 export type AppInfoState = {
 	error?: Error;
+	compact: boolean;
+	compactExpand: boolean;
+	oldestFirst: boolean;
+	preventReadOnScroll: boolean;
+	showAll: boolean;
 }
 
 const state: AppInfoState = {
 	error: undefined,
-	compact: loadState('news', 'compact') === '1',
-	compactExpand: loadState('news', 'compactExpand') === '1',
-	oldestFirst: loadState('news', 'oldestFirst') === '1',
-	preventReadOnScroll: loadState('news', 'preventReadOnScroll') === '1',
-	showAll: loadState('news', 'showAll') === '1',
+	compact: loadState('news', 'compact', null) === '1',
+	compactExpand: loadState('news', 'compactExpand', null) === '1',
+	oldestFirst: loadState('news', 'oldestFirst', null) === '1',
+	preventReadOnScroll: loadState('news', 'preventReadOnScroll', null) === '1',
+	showAll: loadState('news', 'showAll', null) === '1',
 }
 
 const getters = {
@@ -54,31 +59,31 @@ export const mutations = {
 	},
 	compact(
 		state: AppInfoState,
-		{ value }: { value: newValue },
+		{ value }: { value: boolean },
 	) {
 		state.compact = value
 	},
 	compactExpand(
 		state: AppInfoState,
-		{ value }: { value: newValue },
+		{ value }: { value: boolean },
 	) {
 		state.compactExpand = value
 	},
 	oldestFirst(
 		state: AppInfoState,
-		{ value }: { value: newValue },
+		{ value }: { value: boolean },
 	) {
 		state.oldestFirst = value
 	},
 	preventReadOnScroll(
 		state: AppInfoState,
-		{ value }: { value: newValue },
+		{ value }: { value: boolean },
 	) {
 		state.preventReadOnScroll = value
 	},
 	showAll(
 		state: AppInfoState,
-		{ value }: { value: newValue },
+		{ value }: { value: boolean },
 	) {
 		state.showAll = value
 	},

src/store/item.ts

@@ -303,11 +303,11 @@ export const actions = {
 		{ dispatch }: ActionParams<ItemState>,
 		{ start }: { start: number } = { start: 0 },
 	) {
-		state.allItems.splice(start, state.allItems.length)
+		state.allItems.splice(start, state.allItems.length - start)
 		state.allItemsLoaded = {}
 		state.lastItemLoaded = {}
-		dispatch(FEED_ITEM_ACTION_TYPES.FETCH_STARRED)
-		dispatch(FEED_ITEM_ACTION_TYPES.FETCH_ITEMS)
+		dispatch(FEED_ITEM_ACTION_TYPES.FETCH_STARRED, 0)
+		dispatch(FEED_ITEM_ACTION_TYPES.FETCH_ITEMS, 0)
 	},
 }