refactor: ran npm run format

src/assets/base.css

@@ -3,7 +3,7 @@
 :root {
     --black: #363739;
     --white: #ffffff;
-    --green: #95E35D;
+    --green: #95e35d;
 
     --bright: #f7da7c;
 

src/components/ContinueButtonComponent.vue

 <template>
-    <button class="continue-button" @click="onClick">
-        Fortsett
-    </button>
+    <button class="continue-button" @click="onClick">Fortsett</button>
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent } from 'vue'
 
 export default defineComponent({
     name: 'ContinueButtonComponent',
@@ -14,14 +12,14 @@ export default defineComponent({
     },
     setup(props, { emit }) {
         const onClick = (event: Event) => {
-            emit('click', event);
-        };
+            emit('click', event)
+        }
 
         return {
             onClick
-        };
+        }
     }
-});
+})
 </script>
 
 <style scoped>
@@ -30,7 +28,9 @@ export default defineComponent({
     font-size: 1.125rem;
     border-radius: 0.7rem;
     cursor: pointer;
-    transition: background-color 0.3s, filter 0.3s;
+    transition:
+        background-color 0.3s,
+        filter 0.3s;
     font-weight: bold;
     color: var(--black);
     background-color: var(--green);

src/router/index.ts

@@ -23,7 +23,6 @@ const router = createRouter({
             path: '/sparemaal',
             name: 'goals',
             component: () => import('../views/GoalView.vue')
-
         },
         {
             path: '/spareutfordringer',

src/views/ChallengeView.vue

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>Spareutfordringer</h1>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>

src/views/ConfigFamiliarWithSavings.vue

 <script setup lang="ts">
-import { ref } from 'vue';
-import ContinueButtonComponent from "@/components/ContinueButtonComponent.vue";
-import '@/assets/base.css';
+import { ref } from 'vue'
+import ContinueButtonComponent from '@/components/ContinueButtonComponent.vue'
+import '@/assets/base.css'
 
-const selectedOption = ref<string | null>(null);
+const selectedOption = ref<string | null>(null)
 
 const selectOption = (option: string) => {
-    selectedOption.value = option;
-};
+    selectedOption.value = option
+}
 
 const onButtonClick = () => {
     if (selectedOption.value) {
-        console.log(`Proceeding with the selected option: ${selectedOption.value}`);
+        console.log(`Proceeding with the selected option: ${selectedOption.value}`)
     } else {
-        console.log('No option selected.');
+        console.log('No option selected.')
     }
-};
+}
 </script>
 
 <template>
     <div class="flex flex-col items-center justify-center min-h-screen text-center px-4">
         <h1 class="text-4xl font-bold mb-16 lg:mb-20">Hvor kjent er du med sparing fra før?</h1>
         <div class="grid grid-cols-1 md:grid-cols-3 gap-14 mb-20">
-            <div class="box" :class="{ 'active': selectedOption === 'litt' }" @click="selectOption('litt')">
-                <img src="@/assets/nose.png" alt="Litt kjent" class="object-contain h-1/3 sm:h-1/3">
+            <div
+                class="box"
+                :class="{ active: selectedOption === 'litt' }"
+                @click="selectOption('litt')"
+            >
+                <img
+                    src="@/assets/nose.png"
+                    alt="Litt kjent"
+                    class="object-contain h-1/3 sm:h-1/3"
+                />
                 <p class="text-lg font-bold mt-2">Litt kjent</p>
             </div>
-            <div class="box" :class="{ 'active': selectedOption === 'noe' }" @click="selectOption('noe')">
-                <img src="@/assets/head.png" alt="Noe kjent" class="object-contain h-1/3 sm:h-1/3">
+            <div
+                class="box"
+                :class="{ active: selectedOption === 'noe' }"
+                @click="selectOption('noe')"
+            >
+                <img
+                    src="@/assets/head.png"
+                    alt="Noe kjent"
+                    class="object-contain h-1/3 sm:h-1/3"
+                />
                 <p class="text-lg font-bold mt-2">Noe kjent</p>
             </div>
-            <div class="box" :class="{ 'active': selectedOption === 'godt' }" @click="selectOption('godt')">
-                <img src="@/assets/pig.png" alt="Godt kjent" class="object-contain h-1/3 sm:h-1/3">
+            <div
+                class="box"
+                :class="{ active: selectedOption === 'godt' }"
+                @click="selectOption('godt')"
+            >
+                <img
+                    src="@/assets/pig.png"
+                    alt="Godt kjent"
+                    class="object-contain h-1/3 sm:h-1/3"
+                />
                 <p class="text-lg font-bold mt-2">Godt kjent</p>
             </div>
         </div>
-        <ContinueButtonComponent @click="onButtonClick" class="px-10 py-3 text-2xl font-bold self-end">Fortsett</ContinueButtonComponent>
+        <ContinueButtonComponent
+            @click="onButtonClick"
+            class="px-10 py-3 text-2xl font-bold self-end"
+            >Fortsett</ContinueButtonComponent
+        >
     </div>
 </template>
 
@@ -62,4 +90,4 @@ const onButtonClick = () => {
 .box.active {
     border: 3px solid var(--green);
 }
-</style>
\ No newline at end of file
+</style>

src/views/GoalView.vue

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>Sparemål</h1>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>

src/views/HomeView.vue

-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>Heading 1</h1>
@@ -9,7 +8,7 @@
     <p>Paragraph</p>
 
     <button>Button</button>
-    <br>
+    <br />
     <a href="#">Link</a>
     <div>Div</div>
     <section>Section</section>

src/views/LoginView.vue

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>Logg inn</h1>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>

src/views/NotFoundView.vue

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>404 - Siden finnes ikke</h1>
     <p>Denne siden finnes ikke. Gå tilbake til <RouterLink to="/">hjem</RouterLink>.</p>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>

src/views/ProfileView.vue

-<script setup lang="ts">
-
-</script>
+<script setup lang="ts"></script>
 
 <template>
     <h1>Din profil</h1>
 </template>
 
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>