diff --git a/src/components.d.ts b/src/components.d.ts index 0a16f63..e055a84 100644 --- a/src/components.d.ts +++ b/src/components.d.ts @@ -11,7 +11,6 @@ export {} /* prettier-ignore */ declare module 'vue' { export interface GlobalComponents { - GridViewport: typeof import('./components/GridViewport.vue')['default'] InfiniteScrollContainer: typeof import('./components/InfiniteScrollContainer.vue')['default'] InfiniteScrollDemo: typeof import('./components/InfiniteScrollDemo.vue')['default'] Layout: typeof import('./components/Layout.vue')['default'] diff --git a/src/components/MosaicViewport.vue b/src/components/MosaicViewport.vue index fdc5a05..8eeaa1d 100644 --- a/src/components/MosaicViewport.vue +++ b/src/components/MosaicViewport.vue @@ -13,7 +13,6 @@ :key="`${viewport.index}-${cell.id}`" @click="openNote(cell.content)" > -
{{ cell.content.id }} @@ -23,8 +22,6 @@ }}
- -
diff --git a/src/composables/useInfiniteScroll.js b/src/composables/useInfiniteScroll.js index 3af2dcf..f9f9909 100644 --- a/src/composables/useInfiniteScroll.js +++ b/src/composables/useInfiniteScroll.js @@ -164,13 +164,13 @@ export const useInfiniteScroll = (options = {}) => { } const indexes = Array.from(state.viewports.keys()) - const minIndex = Math.min(...indexes) + // const minIndex = Math.min(...indexes) const maxIndex = Math.max(...indexes) // Calculate total height needed to accommodate all viewports // Add extra buffer above and below for infinite scroll - const bufferViewports = 10 - const totalRange = maxIndex - minIndex + 1 + bufferViewports * 2 + const bufferViewports = 8 + const totalRange = maxIndex + bufferViewports state.totalHeight = totalRange * vpHeight.value }