From 7c091a2f6adbad28dd7fe398910ec56fdd22a05f Mon Sep 17 00:00:00 2001
From: Danilo Jakob <danilojakob@protonmail.com>
Date: Sat, 14 Sep 2024 01:07:21 +0200
Subject: [PATCH] chore: formatting

---
 README.md                                   |  1 +
 client/app.vue                              | 23 ++++++-------
 client/components/Experiences.vue           | 14 +++-----
 client/components/Hero.vue                  | 14 ++++----
 client/components/Table.vue                 |  4 +--
 client/components/Technologies.vue          |  6 ++--
 client/components/WorkCard.vue              |  4 +--
 client/middleware/auth.ts                   |  2 +-
 client/pages/about.vue                      | 25 ++++++++------
 client/pages/admin.vue                      | 36 ++++++++++-----------
 client/pages/index.vue                      |  6 ++--
 client/store/auth.ts                        |  2 +-
 client/store/theme.ts                       |  2 +-
 server/.docker/docker-compose.postgres.yaml | 20 ++++++------
 server/controller/controller.go             | 13 +++++---
 server/data/types.go                        |  3 +-
 server/database/database.go                 | 12 ++++---
 server/go.mod                               |  2 +-
 server/main.go                              |  3 +-
 19 files changed, 99 insertions(+), 93 deletions(-)

diff --git a/README.md b/README.md
index b94c58b..a29235e 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,7 @@ yarn install
 # start nuxt frontend
 yarn client:startdev
 ```
+
 if you don't feel like running the yarn command to start the frontend:
 
 don't worry, I got you covered. simply run the Intellij [StartClient](.run/StartClient.run.xml) run config.
diff --git a/client/app.vue b/client/app.vue
index 8eeeb70..2f86756 100644
--- a/client/app.vue
+++ b/client/app.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import {useThemeStore} from '~/store/theme';
-import {useAuthStore} from "~/store/auth";
+import { useThemeStore } from '~/store/theme';
+import { useAuthStore } from "~/store/auth";
 
 const username = ref('');
 const password = ref('');
 const isWhite = ref(false);
-const login = function() {
-	const requestBody  = {
+const login = function () {
+	const requestBody = {
 		username: username.value,
 		password: password.value,
 		token: ''
@@ -31,9 +31,9 @@ const login = function() {
 	})
 }
 
-const toggleTheme = function() {
+const toggleTheme = function () {
 	localStorage.setItem("isWhite", String(!isWhite.value));
-	useThemeStore().$patch({isWhite: !isWhite.value});
+	useThemeStore().$patch({ isWhite: !isWhite.value });
 }
 
 onMounted(() => {
@@ -63,7 +63,8 @@ onMounted(() => {
 			</div>
 			<div class="flex-none p-5">
 				<label class="swap swap-rotate">
-					<input type="checkbox" value="winter" v-bind:checked="isWhite" v-on:click="toggleTheme" class="theme-controller"/>
+					<input type="checkbox" value="winter" v-bind:checked="isWhite" v-on:click="toggleTheme"
+						class="theme-controller" />
 					<span class="iconify carbon--moon text-2xl swap-off"></span>
 					<span class="iconify carbon--sun text-2xl swap-on"></span>
 				</label>
@@ -80,20 +81,20 @@ onMounted(() => {
 						<div class="label">
 							<span class="label-text">Username</span>
 						</div>
-						<input class="input input-primary w-11/12" v-model="username"/>
+						<input class="input input-primary w-11/12" v-model="username" />
 					</div>
 					<div>
 						<div class="label">
 							<span class="label-text">Password</span>
 						</div>
-						<input type="password" class="input input-primary w-11/12" v-model="password"/>
+						<input type="password" class="input input-primary w-11/12" v-model="password" />
 					</div>
 				</div>
 				<button class="btn btn-secondary w-24 float-right mt-16 mr-10" v-on:click="login()">Login</button>
 			</div>
 		</dialog>
-		<NuxtRouteAnnouncer/>
-		<NuxtPage/>
+		<NuxtRouteAnnouncer />
+		<NuxtPage />
 	</div>
 </template>
 <style>
diff --git a/client/components/Experiences.vue b/client/components/Experiences.vue
index 99991df..609cb28 100644
--- a/client/components/Experiences.vue
+++ b/client/components/Experiences.vue
@@ -23,21 +23,17 @@ onMounted(() => {
 		<li v-for="(experience, index) in experiences">
 			<div class="mb-10" :class="index % 2 == 0 ? 'timeline-start' : 'timeline-end'">
 				<WorkCard :class="index % 2 == 0 ? 'lg:mr-10' : 'lg:ml-10'"
-						  :data-aos="index % 2 == 0 ? 'fade-right' : 'fade-left'"
-						  data-aos-duration="1000"
-						  :title="experience.position"
-						  :company="experience.company" :timeframe="experience.timeFrame"
-						  :text="experience.responsibilities"/>
+					:data-aos="index % 2 == 0 ? 'fade-right' : 'fade-left'" data-aos-duration="1000"
+					:title="experience.position" :company="experience.company" :timeframe="experience.timeFrame"
+					:text="experience.responsibilities" />
 			</div>
 			<div class="timeline-middle">
 				<span class="iconify carbon--time text-xl"></span>
 			</div>
 			<!--	fixme: https://github.com/DaniloMurer/churrer.xyz/issues/8		-->
-			<hr v-if="index % 2 == 0"/>
+			<hr v-if="index % 2 == 0" />
 		</li>
 	</ul>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/client/components/Hero.vue b/client/components/Hero.vue
index bdb7861..c5cf96f 100644
--- a/client/components/Hero.vue
+++ b/client/components/Hero.vue
@@ -16,19 +16,17 @@
 					The developer you were looking for all along!
 				</p>
 				<p class="py-6 flex gap-3 content-center">
-					<span class="iconify carbon--email text-2xl text-accent"/><a class="link-accent"
-																				 href="mailto:danilojakob@protonmail.com">danilojakob@protonmail.com</a>
+					<span class="iconify carbon--email text-2xl text-accent" /><a class="link-accent"
+						href="mailto:danilojakob@protonmail.com">danilojakob@protonmail.com</a>
 				</p>
 				<p class="py-6 flex gap-3 content-center">
-					<span class="iconify logos--github-icon text-accent w-6 h-6"/><a class="link-accent"
-																					 href="https://github.com/DaniloMurer">See
-					my work</a>
+					<span class="iconify logos--github-icon text-accent w-6 h-6" /><a class="link-accent"
+						href="https://github.com/DaniloMurer">See
+						my work</a>
 				</p>
 			</div>
 		</div>
 	</div>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/client/components/Table.vue b/client/components/Table.vue
index 08b193b..d641867 100644
--- a/client/components/Table.vue
+++ b/client/components/Table.vue
@@ -7,12 +7,12 @@ defineProps(['data', 'tableTitle'])
 		<table class="table table-zebra">
 			<thead>
 				<tr>
-					<slot name="table-header"/>
+					<slot name="table-header" />
 				</tr>
 			</thead>
 			<tbody>
 				<tr v-for="item in data">
-					<slot name="table-row" :item="item"/>
+					<slot name="table-row" :item="item" />
 				</tr>
 			</tbody>
 		</table>
diff --git a/client/components/Technologies.vue b/client/components/Technologies.vue
index a868be1..37e453b 100644
--- a/client/components/Technologies.vue
+++ b/client/components/Technologies.vue
@@ -21,7 +21,7 @@ onMounted(() => {
 	<div class="stats stats-vertical lg:stats-horizontal bg-base-300 p-2">
 		<div class="stat" v-for="technology in technologies">
 			<div class="stat-figure">
-				<span class="iconify iconify-color text-8xl" :class="technology.logoClass"/>
+				<span class="iconify iconify-color text-8xl" :class="technology.logoClass" />
 			</div>
 			<div class="stat-title text-primary text-2xl">{{ technology.name }}</div>
 			<div class="stat-value text-accent">{{ technology.experience }}</div>
@@ -31,6 +31,4 @@ onMounted(() => {
 	<p class="mt-4">Of course there is more, but you can ask me about that personally!</p>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/client/components/WorkCard.vue b/client/components/WorkCard.vue
index cd77289..efcce10 100644
--- a/client/components/WorkCard.vue
+++ b/client/components/WorkCard.vue
@@ -12,6 +12,4 @@ const props = defineProps(['title', 'text', 'timeframe', 'company'])
 	</div>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/client/middleware/auth.ts b/client/middleware/auth.ts
index df8ea38..458675c 100644
--- a/client/middleware/auth.ts
+++ b/client/middleware/auth.ts
@@ -1,4 +1,4 @@
-import {useAuthStore} from "~/store/auth";
+import { useAuthStore } from '~/store/auth';
 
 export default defineNuxtRouteMiddleware((to, from) => {
 	const token = useAuthStore().token;
diff --git a/client/pages/about.vue b/client/pages/about.vue
index 6dc5168..cffdf03 100644
--- a/client/pages/about.vue
+++ b/client/pages/about.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import {useThemeStore} from '~/store/theme';
+import { useThemeStore } from '~/store/theme';
 
 const isWhite = ref(false);
 
 onMounted(() => {
-	isWhite.value = localStorage.getItem("isWhite") === 'true';
+	isWhite.value = localStorage.getItem('isWhite') === 'true';
 	useThemeStore().$subscribe((mutation, state) => {
 		isWhite.value = state.isWhite;
 	});
@@ -17,24 +17,31 @@ onMounted(() => {
 		<div class="card">
 			<div class="card-body text-center">
 				<p class="card-text max-w-6xl">
-					churrer.xyz is my portfolio website. I'm something like a full stack engineer, but I'm also a 'kubernaut'. Meaning I like the DevOps and automation side of things as well.
+					churrer.xyz is my portfolio website. I'm something like a full stack engineer, but I'm also a
+					'kubernaut'. Meaning I like the DevOps and automation side of things as well.
 				</p>
 				<p class="card-text max-w-6xl">
-					everything is powered by a managed kubernetes cluster on digital ocean. which is also being monitored by prometheus and grafana.
+					everything is powered by a managed kubernetes cluster on digital ocean. which is also being
+					monitored by prometheus and grafana.
 				</p>
 				<p class="card-text max-w-6xl">
-					I also got CI/CD going, with github actions I'm building the needed docker images and pushing them to my container registry. With Argo CD I'm deploying the containers to the cluster.
+					I also got CI/CD going, with github actions I'm building the needed docker images and pushing them
+					to my container registry. With Argo CD I'm deploying the containers to the cluster.
 				</p>
 				<p class="card-text max-w-6xl">
-					the frontend of this website is built with nuxt, tailwindcss and daisyui. the backend is made with Go...it's like the best thing I stumbled upon.
+					the frontend of this website is built with nuxt, tailwindcss and daisyui. the backend is made with
+					Go...it's like the best thing I stumbled upon.
 				</p>
 				<p class="card-text max-w-6xl">
-					I'm also a big fan of the open source community. Which is also why I decided to open-source the code for this site. so you don't have to take my word for what i used as technologies : )
+					I'm also a big fan of the open source community. Which is also why I decided to open-source the code
+					for this site. so you don't have to take my word for what i used as technologies : )
 				</p>
 			</div>
 		</div>
-		<img v-if="!isWhite" class="size-2/4" src="/assets/churrer_xyz.svg" alt="churrer.xyz diagram that shows the different components of the website"/>
-		<img v-if="isWhite" class="size-2/4" src="/assets/churrer_xyz_white.svg" alt="churrer.xyz diagram that shows the different components of the website"/>
+		<img v-if="!isWhite" class="size-2/4" src="/assets/churrer_xyz.svg"
+			alt="churrer.xyz diagram that shows the different components of the website" />
+		<img v-if="isWhite" class="size-2/4" src="/assets/churrer_xyz_white.svg"
+			alt="churrer.xyz diagram that shows the different components of the website" />
 		<span class="mt-5">very nice diagram of this website</span>
 	</div>
 </template>
diff --git a/client/pages/admin.vue b/client/pages/admin.vue
index 09491cd..a443688 100644
--- a/client/pages/admin.vue
+++ b/client/pages/admin.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 
-import {definePageMeta, type Technology, type Experience} from "#imports";
-import { ExperienceDto, TechnologyDto } from "~/common/types";
+import { definePageMeta, type Technology, type Experience } from '#imports';
+import { ExperienceDto, TechnologyDto } from '~/common/types';
 
 definePageMeta({
 	middleware: ['auth'],
@@ -17,7 +17,7 @@ let apiHost: string = '';
 
 onMounted(() => {
 	apiHost = window.location.hostname === 'localhost' ? 'http://localhost:8080' : 'https://api.churrer.xyz';
-	authenticationToken = localStorage.getItem("token");
+	authenticationToken = localStorage.getItem('token');
 	$fetch<Technology[]>(`${apiHost}/api/technology`, {
 		method: 'GET',
 		headers: {
@@ -36,7 +36,7 @@ onMounted(() => {
 	});
 });
 
-const saveExperience = function() {
+const saveExperience = function () {
 	$fetch(`${apiHost}/api/experience`, {
 		method: 'POST',
 		headers: {
@@ -48,7 +48,7 @@ const saveExperience = function() {
 	});
 }
 
-const saveTechnology = function() {
+const saveTechnology = function () {
 	$fetch(`${apiHost}/api/technology`, {
 		method: 'POST',
 		headers: {
@@ -60,7 +60,7 @@ const saveTechnology = function() {
 	})
 }
 
-const deleteTechnology = function(id: number) {
+const deleteTechnology = function (id: number) {
 	$fetch(`${apiHost}/api/technology/${id}`, {
 		method: 'DELETE',
 		headers: {
@@ -69,7 +69,7 @@ const deleteTechnology = function(id: number) {
 	});
 }
 
-const deleteExperience = function(id: number) {
+const deleteExperience = function (id: number) {
 	$fetch(`${apiHost}/api/experience/${id}`, {
 		method: 'DELETE',
 		headers: {
@@ -89,7 +89,7 @@ const deleteExperience = function(id: number) {
 			<th>Logo</th>
 		</template>
 
-		<template #table-row="{item}">
+		<template #table-row="{ item }">
 			<td>{{ item.name }}</td>
 			<td>{{ item.experience }}</td>
 			<td>{{ item.description }}</td>
@@ -105,7 +105,7 @@ const deleteExperience = function(id: number) {
 			<th>Responsibilities</th>
 		</template>
 
-		<template #table-row="{item}">
+		<template #table-row="{ item }">
 			<td>{{ item.company }}</td>
 			<td>{{ item.position }}</td>
 			<td>{{ item.timeFrame }}</td>
@@ -119,60 +119,60 @@ const deleteExperience = function(id: number) {
 			<div class="label">
 				<span class="label-text">Company</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="experience.company"/>
+			<input type="text" class="input input-primary" v-model="experience.company" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">Position</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="experience.position"/>
+			<input type="text" class="input input-primary" v-model="experience.position" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">TimeFrame</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="experience.timeFrame"/>
+			<input type="text" class="input input-primary" v-model="experience.timeFrame" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">Responsibilities</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="experience.responsibilities"/>
+			<input type="text" class="input input-primary" v-model="experience.responsibilities" />
 		</div>
 		<button class="btn btn-secondary" v-on:click="saveExperience">Save</button>
 	</div>
-	<hr/>
+	<hr />
 	<div class="flex flex-col items-center gap-10">
 		<h2 class="font-bold text-4xl">Technology</h2>
 		<div>
 			<div class="label">
 				<span class="label-text">Name</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="technology.name"/>
+			<input type="text" class="input input-primary" v-model="technology.name" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">Experience</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="technology.experience"/>
+			<input type="text" class="input input-primary" v-model="technology.experience" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">Description</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="technology.description"/>
+			<input type="text" class="input input-primary" v-model="technology.description" />
 		</div>
 
 		<div>
 			<div class="label">
 				<span class="label-text">Tailwind Logo</span>
 			</div>
-			<input type="text" class="input input-primary" v-model="technology.logoClass"/>
+			<input type="text" class="input input-primary" v-model="technology.logoClass" />
 		</div>
 		<button class="btn btn-secondary" v-on:click="saveTechnology">Save</button>
 	</div>
diff --git a/client/pages/index.vue b/client/pages/index.vue
index 00fa58d..6a7ff16 100644
--- a/client/pages/index.vue
+++ b/client/pages/index.vue
@@ -55,11 +55,11 @@ const sendMetricsData = function () {
 </script>
 <template>
 	<div class="flex flex-col items-center gap-16">
-		<Hero/>
+		<Hero />
 		<div class="divider">Technologies</div>
-		<Technologies/>
+		<Technologies />
 		<div class="divider">Experience</div>
-		<Experiences/>
+		<Experiences />
 	</div>
 	<div role="alert" class="alert fixed bottom-0 left-0 w-2/6 h-56 m-5" v-if="showTelemetryAlert">
 		<span class="iconify carbon--information text-2xl"></span>
diff --git a/client/store/auth.ts b/client/store/auth.ts
index 1422318..9950f28 100644
--- a/client/store/auth.ts
+++ b/client/store/auth.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia';
+import { defineStore } from 'pinia';
 
 export const useAuthStore = defineStore('auth', {
 	state: () => ({
diff --git a/client/store/theme.ts b/client/store/theme.ts
index 4e1dcdb..d469329 100644
--- a/client/store/theme.ts
+++ b/client/store/theme.ts
@@ -1,4 +1,4 @@
-import {defineStore} from 'pinia';
+import { defineStore } from 'pinia';
 
 export const useThemeStore = defineStore('theme', {
 	state: () => ({
diff --git a/server/.docker/docker-compose.postgres.yaml b/server/.docker/docker-compose.postgres.yaml
index 9e69fab..e3bb568 100644
--- a/server/.docker/docker-compose.postgres.yaml
+++ b/server/.docker/docker-compose.postgres.yaml
@@ -1,10 +1,10 @@
-version: '3.4'
-services:
-  postgres:
-    image: postgres:16.3
-    ports:
-      - "5432:5432"
-    environment:
-      - POSTGRES_USER=postgres
-      - POSTGRES_PASSWORD=gorm
-      - POSTGRES_DB=gorm
+version: "3.4"
+services:
+  postgres:
+    image: postgres:16.3
+    ports:
+      - "5432:5432"
+    environment:
+      - POSTGRES_USER=postgres
+      - POSTGRES_PASSWORD=gorm
+      - POSTGRES_DB=gorm
diff --git a/server/controller/controller.go b/server/controller/controller.go
index 2741405..d27a722 100644
--- a/server/controller/controller.go
+++ b/server/controller/controller.go
@@ -2,13 +2,14 @@ package controller
 
 import (
 	"fmt"
-	"github.com/gin-gonic/gin"
 	"log"
 	"net/http"
 	"os"
 	"server/data"
 	"server/database"
 	"strconv"
+
+	"github.com/gin-gonic/gin"
 )
 
 const (
@@ -17,8 +18,10 @@ const (
 	errorMessageInvalidCredentials   = "Invalid credentials"
 )
 
-var adminUsername = os.Getenv("ADMIN_USERNAME")
-var adminPassword = os.Getenv("ADMIN_PASSWORD")
+var (
+	adminUsername = os.Getenv("ADMIN_USERNAME")
+	adminPassword = os.Getenv("ADMIN_PASSWORD")
+)
 
 var logger = log.New(os.Stdout, "[XYZ] - ", log.LstdFlags|log.Lmicroseconds|log.Lshortfile)
 
@@ -120,7 +123,7 @@ func DeleteExperience(c *gin.Context) {
 	}
 	experienceId := c.Param("id")
 
-	//convert experienceId to int
+	// convert experienceId to int
 	if convertedId, err := strconv.Atoi(experienceId); err != nil {
 		logger.Printf(errorStringFormat, err)
 		c.JSON(http.StatusInternalServerError, gin.H{"message": "Provided id not a valid integer"})
@@ -198,7 +201,7 @@ func DeleteTechnology(c *gin.Context) {
 	}
 	technologyId := c.Param("id")
 
-	//convert experienceId to int
+	// convert experienceId to int
 	if convertedId, err := strconv.Atoi(technologyId); err != nil {
 		logger.Printf(errorStringFormat, err)
 		c.JSON(http.StatusInternalServerError, gin.H{"message": "Provided id not a valid integer"})
diff --git a/server/data/types.go b/server/data/types.go
index 18125f5..a80d4b8 100644
--- a/server/data/types.go
+++ b/server/data/types.go
@@ -2,8 +2,9 @@ package data
 
 import (
 	"encoding/base64"
-	"gorm.io/gorm"
 	"time"
+
+	"gorm.io/gorm"
 )
 
 // Model base struct for database models
diff --git a/server/database/database.go b/server/database/database.go
index 76ab5bd..2173459 100644
--- a/server/database/database.go
+++ b/server/database/database.go
@@ -1,15 +1,18 @@
 package database
 
 import (
-	"gorm.io/driver/postgres"
-	"gorm.io/gorm"
 	"log"
 	"os"
 	"server/data"
+
+	"gorm.io/driver/postgres"
+	"gorm.io/gorm"
 )
 
-var connectionString = os.Getenv("DB_CONNECTION")
-var database *gorm.DB
+var (
+	connectionString = os.Getenv("DB_CONNECTION")
+	database         *gorm.DB
+)
 
 var logger = log.New(os.Stdout, "[XYZ] - ", log.LstdFlags|log.Lmicroseconds|log.Lshortfile)
 
@@ -65,7 +68,6 @@ func DeleteExperience(id uint) {
 func UpdateExperience(experience *data.Experience) {
 	logger.Println("Updating experience entry")
 	database.Save(experience)
-
 }
 
 // GetAllTechnology return all technologies from the database
diff --git a/server/go.mod b/server/go.mod
index 55a15f4..0d72219 100644
--- a/server/go.mod
+++ b/server/go.mod
@@ -3,6 +3,7 @@ module server
 go 1.22
 
 require (
+	github.com/gin-contrib/cors v1.7.2
 	github.com/gin-gonic/gin v1.10.0
 	gorm.io/driver/postgres v1.5.9
 	gorm.io/gorm v1.25.11
@@ -14,7 +15,6 @@ require (
 	github.com/cloudwego/base64x v0.1.4 // indirect
 	github.com/cloudwego/iasm v0.2.0 // indirect
 	github.com/gabriel-vasile/mimetype v1.4.3 // indirect
-	github.com/gin-contrib/cors v1.7.2 // indirect
 	github.com/gin-contrib/sse v0.1.0 // indirect
 	github.com/go-playground/locales v0.14.1 // indirect
 	github.com/go-playground/universal-translator v0.18.1 // indirect
diff --git a/server/main.go b/server/main.go
index 53a874d..1b9fdb3 100644
--- a/server/main.go
+++ b/server/main.go
@@ -1,10 +1,11 @@
 package main
 
 import (
-	"github.com/gin-gonic/gin"
 	"server/controller"
 	"server/database"
+
 	"github.com/gin-contrib/cors"
+	"github.com/gin-gonic/gin"
 )
 
 func main() {