presun obrazkov z /public do /assets/images,

prelinkovanie obrazkov v About.vue

webapp/src/views/About.vue

@@ -12,21 +12,21 @@
 				<div>
 					Backend thanks for <br />
 					<a href="https://www.php.net" target="_blank">
-						<img src="/php-power-micro.png" height="20" alt="" /> <br />
+						<img :src="php_power_micro" height="20" alt="" /> <br />
 						PHP 8.2
 					</a>
 				</div>
 				<div>
 					Database thanks for <br>
 					<a href="https://www.sqlite.org" target="_blank">
-						<img src="/SQLite370.svg" height="20" alt="" />  <br>
+						<img :src="sqlite" height="20" alt="" />  <br>
 						SQLite
 					</a>
 				</div>
 				<div>
 					Frontend thanks for <br>
 					<a href="https://vuejs.org" target="_blank">
-						<img src="/vue.svg" height="20" alt="" /> <br>
+						<img :src="vue" height="20" alt="" /> <br>
 						Vue 3
 					</a>
 				</div>
@@ -39,18 +39,19 @@
 				>
 			</p>
 			<h2>Diagram stavov pre BUG</h2>
-			<img src="/FlowDiagram.drawio.svg" alt="" width="90%" />
+			<img :src="flowdiagram" alt="" width="90%" />
 		</div>
 	</div>
 </template>
 
-<script>
-export default {
-	data() {
-		return {
-			version: __APP_VERSION__,
-			build: __BUILD_DATE__,
-		};
-	},
-};
+<script setup>
+import { ref } from 'vue';
+import php_power_micro from '../assets/images/php-power-micro.png';
+import sqlite from '../assets/images/SQLite370.svg';
+import vue from '../assets/images/vue.svg';
+import flowdiagram from '../assets/images/FlowDiagram.drawio.svg';
+
+const version = ref(__APP_VERSION__);
+const build = ref(__BUILD_DATE__);
+
 </script>