Add dataservices search page

package.json

@@ -108,6 +108,7 @@
     "@datagouv/components": "^1.3.0",
     "@datagouv/select-a11y": "^3.6.1",
     "@gouvfr/dsfr": "~1.11.2",
+    "@vueuse/router": "^11.0.3",
     "leaflet": "^1.9.4"
   },
   "msw": {

udata_front/theme/gouvfr/assets/js/api/types.ts

@@ -0,0 +1,8 @@
+export type PaginatedArray<T> = {
+    data: Array<T>;
+    next_page: string | null;
+    page: number;
+    page_size: number;
+    previous_page: string | null;
+    total: number;
+};

udata_front/theme/gouvfr/assets/js/components/DataservicesSearch/DataservicesSearch.stories.ts

@@ -0,0 +1,23 @@
+import { withActions } from '@storybook/addon-actions/decorator';
+import type { Meta, StoryObj } from '@storybook/vue3';
+import DataservicesSearch from './DataservicesSearch.vue';
+
+const meta = {
+  title: 'Components/DataservicesSearch',
+  component: DataservicesSearch,
+  decorators: [withActions],
+  args: {},
+} satisfies Meta<typeof DataservicesSearch>;
+
+export default meta;
+
+export const DataservicesSearchExample: StoryObj<typeof meta> = {
+  render: (args) => ({
+    components: { DataservicesSearch },
+    setup() {
+      return { args };
+    },
+    template: '<DataservicesSearch v-bind="args"/>',
+  }),
+  args: {},
+};