diff --git a/api/swagger.json b/api/swagger.json
index b61b7f6..79f1450 100644
--- a/api/swagger.json
+++ b/api/swagger.json
@@ -40,10 +40,7 @@
                     "200": {
                         "description": "OK",
                         "schema": {
-                            "type": "array",
-                            "items": {
-                                "$ref": "#/definitions/model.Library"
-                            }
+                            "$ref": "#/definitions/pkg.ResponsePaginated"
                         }
                     },
                     "400": {
@@ -477,8 +474,8 @@
                     }
                 ],
                 "responses": {
-                    "200": {
-                        "description": "OK",
+                    "201": {
+                        "description": "Created",
                         "schema": {
                             "$ref": "#/definitions/model.Document"
                         }
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index e7a7004..a2d0cda 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-import {library} from '@/plugins/library'
+import {library} from '@/plugins/api'
 import { ref } from 'vue';
 import { useUserStore } from '@/store/user';
 const userStore = useUserStore()
@@ -29,4 +29,4 @@ const testrequest = () => {
 }
 
 // library.libraryLibraryIdDocumentsGet(1,2)
-</script>
+</script>
\ No newline at end of file
diff --git a/src/openapi/api.ts b/src/openapi/api.ts
index 782d7c6..64cbd17 100644
--- a/src/openapi/api.ts
+++ b/src/openapi/api.ts
@@ -918,7 +918,7 @@ export const LibrariesApiFp = function(configuration?: Configuration) {
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        async librariesGet(page: number, options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<Array<ModelLibrary>>> {
+        async librariesGet(page: number, options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => AxiosPromise<PkgResponsePaginated>> {
             const localVarAxiosArgs = await localVarAxiosParamCreator.librariesGet(page, options);
             const index = configuration?.serverIndex ?? 0;
             const operationBasePath = operationServerMap['LibrariesApi.librariesGet']?.[index]?.url;
@@ -980,7 +980,7 @@ export const LibrariesApiFactory = function (configuration?: Configuration, base
          * @param {*} [options] Override http request option.
          * @throws {RequiredError}
          */
-        librariesGet(page: number, options?: any): AxiosPromise<Array<ModelLibrary>> {
+        librariesGet(page: number, options?: any): AxiosPromise<PkgResponsePaginated> {
             return localVarFp.librariesGet(page, options).then((request) => request(axios, basePath));
         },
         /**
diff --git a/src/plugins/library.ts b/src/plugins/api.ts
similarity index 100%
rename from src/plugins/library.ts
rename to src/plugins/api.ts
diff --git a/src/router/index.ts b/src/router/index.ts
index 089b617..b79ed3d 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -25,6 +25,11 @@ const routes = [
     name: "documents",
     component: () => import("@/views/documents/List.vue"),
   },
+  {
+    path: "/libraries",
+    name: "libraries",
+    component: () => import("@/views/libraries/List.vue"),
+  },
 ];
 
 const router = createRouter({
diff --git a/src/views/libraries/List.vue b/src/views/libraries/List.vue
new file mode 100644
index 0000000..8abae73
--- /dev/null
+++ b/src/views/libraries/List.vue
@@ -0,0 +1,46 @@
+<template>
+  <v-container v-if="libraries.Data">
+
+
+    <v-list>
+      <v-list-item v-for="item in libraries.Data" :key="item.ID">
+        <v-list-item-title>{{ item.Name }}</v-list-item-title>
+        <v-list-item-action />
+      </v-list-item>
+    </v-list>
+  </v-container>
+
+  <div class="text-center">
+    <v-container>
+      <v-row justify="center">
+        <v-col cols="8">
+          <v-container class="max-width">
+            <v-pagination
+              v-model="page"
+              class="my-4"
+              :length="libraries.Total"
+            ></v-pagination>
+          </v-container>
+        </v-col>
+      </v-row>
+    </v-container>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PkgResponsePaginated } from "@/openapi";
+import { library } from "@/plugins/api";
+import { AxiosResponse } from "axios";
+import { ref } from "vue";
+
+const page = ref(1);
+const libraries = ref<PkgResponsePaginated>({});
+
+const load = () => {
+  library.librariesGet(page.value).then((r: AxiosResponse<any>) => {
+    libraries.value = r.data;
+  });
+};
+
+load();
+</script>