diff --git a/.prettierrc b/.prettierrc index 0f4f09ae3..d62868362 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,7 +1,7 @@ { "useTabs": false, "tabWidth": 2, - "printWidth": 130, + "printWidth": 140, "singleQuote": true, "trailingComma": "es5", "overrides": [ @@ -12,4 +12,4 @@ } } ] -} \ No newline at end of file +} diff --git a/demos/vue/src/App.vue b/demos/vue/src/App.vue index 227b62156..c5f47ed9d 100644 --- a/demos/vue/src/App.vue +++ b/demos/vue/src/App.vue @@ -51,13 +51,9 @@ provide('i18next', useTranslation().i18next); 📘 Documentation diff --git a/demos/vue/src/Home.vue b/demos/vue/src/Home.vue index 872c29382..9df80a1e3 100644 --- a/demos/vue/src/Home.vue +++ b/demos/vue/src/Home.vue @@ -8,15 +8,15 @@

Quick intro

One of the best JavaScript data grid - SlickGrid which was originally developed by @mleibman - is now available to Vue. I have tried, and used, a few data grids and SlickGrid beats most of them in terms of functionalities - and performance (it can even handle a million rows). + SlickGrid which was originally developed by @mleibman is now + available to Vue. I have tried, and used, a few data grids and SlickGrid beats most of them in terms of functionalities and performance + (it can even handle a million rows).

Documentation

The documentation is powered by GitBook and can be found at this link - Slickgrid-Vue - Documentation, so be sure to consult - it before opening any new issue. + Slickgrid-Vue - Documentation, so be sure to consult it before + opening any new issue.
The HOWTO - Quick Start diff --git a/demos/vue/src/components/CustomPagerComponent.vue b/demos/vue/src/components/CustomPagerComponent.vue index 9631fcd41..beed379a7 100644 --- a/demos/vue/src/components/CustomPagerComponent.vue +++ b/demos/vue/src/components/CustomPagerComponent.vue @@ -11,9 +11,7 @@ let _subscriptions: Subscription[] = []; const elm = ref(); const currentPagination = ref({} as PaginationMetadata); -const isLeftPaginationDisabled = computed( - () => currentPagination.value.pageNumber === 1 || currentPagination.value.totalItems === 0 -); +const isLeftPaginationDisabled = computed(() => currentPagination.value.pageNumber === 1 || currentPagination.value.totalItems === 0); const isRightPaginationDisabled = computed( () => currentPagination.value.pageNumber === currentPagination.value.pageCount || currentPagination.value.totalItems === 0 ); @@ -129,19 +127,13 @@ defineExpose({

Page - {{ - currentPagination?.pageNumber - }} + {{ currentPagination?.pageNumber }} of {{ currentPagination?.pageCount }}