style: Transelating views

src/views/Budget/BudgetOverview.vue

@@ -71,20 +71,17 @@ const goToBudget = (id: number) => {
 
 <template>
   <div class="container">
-    <h1 class="text-center">Your Budgets</h1>
-    <button1 id="createBudgetButton" button-text="Create new budget" class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"/>
-
+    <h1 class="text-center">Dine Budsjetter</h1>
+    <button1 id="createBudgetButton" button-text="Opprett nytt budsjett" class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"/>
     <div class="collapse" id="collapseExample">
       <div class="container collapse-container">
         <div class="input-group">
-          <input id="collapseInput" class="form-control" type="text" placeholder="Enter name of budget" v-model="budgetNameInput">
-          <button1 id="collapseButton" button-text="Create" data-bs-dismiss="modal" @click="createNewBudget"/>
+          <input id="collapseInput" class="form-control" type="text" placeholder="Skriv inn navn på budsjettet" v-model="budgetNameInput">
+          <button1 id="collapseButton" button-text="Opprett" data-bs-dismiss="modal" @click="createNewBudget"/>
         </div>
       </div>
     </div>
-
     <p class="text-danger">{{ errorMsg }}</p>
-
     <ul class="budgetContainer" :key="budgetListKey">
       <li v-for="(item, index) in budgetList">
         <budget-box
@@ -99,11 +96,10 @@ const goToBudget = (id: number) => {
         ></budget-box>
       </li>
     </ul>
-
-    <nav id="navbar" aria-label="Page navigation example">
+    <nav id="navbar" aria-label="Sidenavigasjon eksempel">
       <ul class="pagination">
         <li class="page-item">
-          <a class="page-link" href="#" aria-label="Previous">
+          <a class="page-link" href="#" aria-label="Forrige">
             <span aria-hidden="true">&laquo;</span>
           </a>
         </li>
@@ -111,17 +107,16 @@ const goToBudget = (id: number) => {
         <li class="page-item"><a class="page-link" href="#">2</a></li>
         <li class="page-item"><a class="page-link" href="#">3</a></li>
         <li class="page-item">
-          <a class="page-link" href="#" aria-label="Next">
+          <a class="page-link" href="#" aria-label="Neste">
             <span aria-hidden="true">&raquo;</span>
           </a>
         </li>
       </ul>
     </nav>
-
   </div>
-
 </template>
 
+
 <style scoped>
 .collapse-container {
   align-content: center;