update examples

Author: AMontagu

vue2-example/package-lock.json

@@ -11,7 +11,7 @@
     "@vue/composition-api": "^1.0.0-rc.5",
     "core-js": "^3.6.5",
     "vue": "^2.6.11",
-    "vue-datatable-url-sync": "^1.0.5",
+    "vue-datatable-url-sync": "^1.0.6",
     "vue-router": "^3.5.1",
     "vuetify": "^2.4.0"
   },

vue2-example/package.json

@@ -26,8 +26,7 @@
 <script lang="ts">
 import Vue from 'vue';
 import useDatatableUrlSync from 'vue-datatable-url-sync';
-//import useDatatableUrlSync from './useDatatableUrlSync';
-import { GenericDictionnary } from 'vue-datatable-url-sync/src/utils/VDUSTypes';
+import { GenericDictionnary, VDUSDatatableOptions } from 'vue-datatable-url-sync/src/utils/VDUSTypes';
 import fakeData from "./data";
 import { ref } from '@vue/composition-api'
 
@@ -42,10 +41,10 @@ export default Vue.extend({
   }),
   setup (_, ctx) {
     // --------------------- DATA ------------------------------------
-    const form = ref({
+    const form = ref<GenericDictionnary>({
       search: ""
     })
-    const options = ref({
+    const options = ref<VDUSDatatableOptions>({
         page: 1,
         page_size: 10,
         ordering: []

vue2-example/src/components/HelloWorld.vue

@@ -10,7 +10,7 @@
   "dependencies": {
     "core-js": "^3.6.5",
     "vue": "^3.0.0",
-    "vue-datatable-url-sync": "^1.0.5",
+    "vue-datatable-url-sync": "^1.0.6",
     "vue-router": "^4.0.0-0"
   },
   "devDependencies": {

vue3-example/package-lock.json

@@ -22,9 +22,11 @@
 <script lang="ts">
 import { defineComponent, ref } from 'vue';
 import useDatatableUrlSync from 'vue-datatable-url-sync';
+import { GenericDictionnary, VDUSDatatableOptions } from 'vue-datatable-url-sync/src/utils/VDUSTypes';
+// import useDatatableUrlSync from '../../../src/useDatatableUrlSync';
+// import { GenericDictionnary, VDUSDatatableOptions } from '../../../src/utils/VDUSTypes';
 import fakeData from "./data.js";
 import SimpleDatatable from './SimpleDatatable.vue';
-import { GenericDictionnary } from 'vue-datatable-url-sync/src/utils/VDUSTypes';
 import { useRoute, useRouter } from "vue-router";
 
 type FakeDataItem = {
@@ -39,10 +41,10 @@ export default defineComponent({
   },
   setup () {
     // --------------------- DATA ------------------------------------
-    const form = ref({
+    const form = ref<GenericDictionnary>({
       search: ""
     })
-    const options = ref({
+    const options = ref<VDUSDatatableOptions>({
         page: 1,
         page_size: 10,
         ordering: []