feat: add page changing handler to QPagination stories (#146)

* fix: add to Pagination stories handlePageChange
* fix: return currentPage to default args, use it in currentPage ref

stories/components/QPagination.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, Story } from '@storybook/vue3';
-import { defineComponent } from 'vue';
+import { defineComponent, ref } from 'vue';
 
 import QPagination from '@/qComponents/QPagination';
 import type { QPaginationProps } from '@/qComponents/QPagination';
@@ -13,17 +13,26 @@ const QPaginationStory: Story<QPaginationProps> = args =>
   defineComponent({
     components: { QPagination },
     setup() {
-      return { args };
+      const currentPage = ref<number>(args.currentPage);
+
+      const handlePageChange = (value: number): void => {
+        // eslint-disable-next-line no-console
+        console.log('current-change', value);
+        currentPage.value = value;
+      };
+
+      return { args, currentPage, handlePageChange };
     },
 
     template: `
       <q-pagination
         :page-count="args.pageCount"
         :total="args.total"
         :page-size="args.pageSize"
-        :current-page="args.currentPage"
+        :current-page="currentPage"
         :disabled="args.disabled"
         :pager-count="args.pagerCount"
+        @current-change="handlePageChange"
       />
     `
   });