- search paginate

- typescript
- tsconfig.json and typings.d.ts

webpack.mix.js

@@ -15,7 +15,7 @@ let mix = require('laravel-mix');
 // .sass('resources/assets/sass/app1.scss', 'public/css')
 
 mix.js('resources/assets/js/datasetPublish.js', 'public/backend/publish')
-    .js('resources/assets/js/search/main.js', 'public/js/search')
+    .js('resources/assets/js/search/main.ts', 'public/js/search')
     .js('resources/assets/js/app.js', 'public/js')
     .js('resources/assets/js/lib.js', 'public/js')
     .js('resources/assets/js/releaseDataset.js', 'public/backend/publish')
@@ -31,7 +31,29 @@ mix.js('resources/assets/js/datasetPublish.js', 'public/backend/publish')
         'node_modules/datatables.net-buttons/js/buttons.flash.js',
         'node_modules/datatables.net-buttons/js/buttons.html5.js',
         'node_modules/datatables.net-buttons/js/buttons.print.js',
-    ], 'public/js/dataTable.js');
+    ], 'public/js/dataTable.js')
+    // .sourceMaps()
+    .webpackConfig({
+        module: {
+            rules: [
+                // We're registering the TypeScript loader here. It should only
+                // apply when we're dealing with a `.ts` or `.tsx` file.
+                {
+                    test: /\.tsx?$/,
+                    loader: 'ts-loader',
+                    options: { appendTsSuffixTo: [/\.vue$/] },
+                    exclude: /node_modules/,
+                },
+            ],
+        },
+       resolve: {
+           // We need to register the `.ts` extension so Webpack can resolve
+           // TypeScript modules without explicitly providing an extension.
+           // The other extensions in this list are identical to the Mix
+           // defaults.
+           extensions: ['*', '.js', '.jsx', '.vue', '.ts', '.tsx'],
+       },
+    });
 // .options({
 //     //publicPath: '../'
 //     processCssUrls: false