diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 66a276a..a77b8fd 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,7 +2,7 @@
 	<div id="header">
 		<div class="logo">
 			<router-link to="/">
-				<img src="/public/bugreport.svg" height="48" width="48" />
+				<img src="/bugreport.svg" height="48" width="48" />
 			</router-link>
 			<router-link to="/">
 				<h1>Bug Report</h1>
diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css
index fb60169..6459d48 100644
--- a/frontend/src/assets/css/style.css
+++ b/frontend/src/assets/css/style.css
@@ -462,6 +462,36 @@ button:focus-visible,
 	padding: 10px;
 	text-align: justify;
 }
+#api ul li {
+	margin-bottom: 5px;
+}
+#api .param-type {
+	background-color: var(--color-bg0);
+	margin: 0px;
+	padding: 2px 5px;
+	text-align: center;
+	border-radius: 5px;
+	margin-left: 10px;
+}
+#api .param-optional {
+	background-color: var(--color-bg1);
+	margin: 0px;
+	padding: 2px 5px;
+	text-align: center;
+	border-radius: 5px;
+	margin-left: 10px;
+}
+#api .param-default {
+	background-color: var(--color-bg2);
+	margin: 0px;
+	padding: 2px 5px;
+	text-align: center;
+	border-radius: 5px;
+	margin-left: 10px;
+}
+#api .param-doc {
+	color: var(--color-text3);
+}
 
 /* ----------------------------------------------------
    07 - ABOUT
diff --git a/frontend/src/views/API.vue b/frontend/src/views/API.vue
index a892c25..5d8a89f 100644
--- a/frontend/src/views/API.vue
+++ b/frontend/src/views/API.vue
@@ -24,51 +24,42 @@
 			<h4>Parametre</h4>
 			<p v-if="Object.keys(action.params).length == 0">
 				<font-awesome-icon :icon="['fas', 'circle-info']" />
-				&nbsp;
-				Ziadne parametre
+				&nbsp; Ziadne parametre
 			</p>
 			<ul>
-				<li v-for="(param_desc, param_name) in action.params" :key="param_name">
-					<strong>{{ param_name }}</strong>
-					&ndash;
-					{{ param_desc }}
+				<li v-for="param in action.params" :key="param_name">
+					<strong>{{ param.name }}</strong>
+					<span class="param-type">{{ param.type }}</span>
+					<span v-if="param.optional" class="param-optional">optional</span>
+					<span v-if="param.default != null" class="param-default">{{
+						param.default
+					}}</span>
+					<br />
+					<span class="param-doc">{{ param.doc }}</span>
 				</li>
 			</ul>
+			<p>
+				<strong>Return</strong>
+				<span class="param-type">{{ action.return }}</span>
+			</p>
 		</div>
 	</div>
 </template>
 
-<script>
+<script setup>
+import { onMounted, ref } from "vue";
 import backend from "../backend";
 
-export default {
-	name: "API",
-	components: {},
-	data() {
-		return {
-			api_endpoint: backend.endpont,
-			help: {
-				actions: {
-					help: {
-						name: "help",
-						description: "This help",
-						params: {
-							foo: "bar",
-						},
-					},
-				},
-			},
-		};
-	},
-	mounted() {
-		this.loadHelp();
-	},
-	methods: {
-		loadHelp() {
-			backend.help().then((response) => {
-				this.help = response;
-			});
-		},
-	},
-};
+const api_endpoint = ref(backend.endpont);
+const help = ref({ actions: {} });
+
+onMounted(() => {
+	loadHelp();
+});
+
+function loadHelp() {
+	backend.help().then((response) => {
+		help.value = response;
+	});
+}
 </script>
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index ea5c051..56be254 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -25,6 +25,10 @@ export default defineConfig(({ command, mode }) => {
 			__IS_BUILD__: JSON.stringify(isBuild),
 			__IS_DEV__: JSON.stringify(isDev),
 		},
+		server: {
+			host: true,
+			port: 5173
+		},
 		build: {
 			outDir: "dist",
 			chunkSizeWarningLimit: 1000, // zvýšenie limitu na 1000 kB