From 591de12e69aada38ee8c7588940f29c44a38d4f8 Mon Sep 17 00:00:00 2001
From: Zhigang Wang <zhigangw@hotmail.com>
Date: Fri, 7 Jun 2024 13:37:43 -0700
Subject: [PATCH] update code formatting

---
 frontend/src/App.vue                          |   5 +-
 frontend/src/assets/styles/_variables.scss    |   2 +-
 frontend/src/assets/styles/containers.scss    |  13 ++-
 frontend/src/assets/styles/inputs.scss        |  34 ++++--
 frontend/src/components/PDFReader.vue         |  66 ++++++------
 frontend/src/components/SvgIcon.vue           |  64 ++++++-----
 frontend/src/components/VueQuill.vue          | 100 ++++++++++--------
 frontend/src/footers/FooterGuest.vue          |  15 ++-
 frontend/src/headers/HeaderGuest.vue          |  27 +++--
 frontend/src/headers/HeaderUser.vue           |  77 +++++++++++---
 frontend/src/main.js                          |   4 +-
 frontend/src/pages/guest/FrontDoor.vue        |  61 +++++++----
 frontend/src/pages/guest/NewUserSetFlid.vue   |   3 +-
 .../src/pages/guest/NewUserSetPassword.vue    |  26 ++---
 .../guest/SigninWithEmailAndPassword.vue      |  13 ++-
 .../src/pages/public/PdfContentViewer.vue     |   2 +-
 .../user/workspace/requestIssue/Issue.vue     |   2 +-
 frontend/vite.config.js                       |   2 +-
 18 files changed, 335 insertions(+), 181 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 09d187e..4d83cb9 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -34,7 +34,10 @@ export default {
   margin-top: 0px;
 }
 
-.body-header {width: 100%; height: $header-height;}
+.body-header {
+  width: 100%;
+  height: $header-height;
+}
 
 .body-main {
   margin-top: 0px;
diff --git a/frontend/src/assets/styles/_variables.scss b/frontend/src/assets/styles/_variables.scss
index f6bccf7..06d6074 100644
--- a/frontend/src/assets/styles/_variables.scss
+++ b/frontend/src/assets/styles/_variables.scss
@@ -2,7 +2,7 @@
 
 $shoutout: #f0783b; //for the shoutout texts
 // First override some or all individual color variables
-$primary: #1748F8; // #0032fd; // #25408f;
+$primary: #1748f8; // #0032fd; // #25408f;
 // $secondary: #8f5325;
 // $success: #3e8d63;
 // $info: #13101c;
diff --git a/frontend/src/assets/styles/containers.scss b/frontend/src/assets/styles/containers.scss
index be9f16e..b9db231 100644
--- a/frontend/src/assets/styles/containers.scss
+++ b/frontend/src/assets/styles/containers.scss
@@ -26,6 +26,13 @@
   @extend .container-fluid;
   @extend .flex-row-box;
 }
-.flex-1 {flex: 1;}
-.flex-all-center {align-items: center; justify-content: center;}
-.full-height {height: $body-height;}
\ No newline at end of file
+.flex-1 {
+  flex: 1;
+}
+.flex-all-center {
+  align-items: center;
+  justify-content: center;
+}
+.full-height {
+  height: $body-height;
+}
diff --git a/frontend/src/assets/styles/inputs.scss b/frontend/src/assets/styles/inputs.scss
index bbbb434..0638b85 100644
--- a/frontend/src/assets/styles/inputs.scss
+++ b/frontend/src/assets/styles/inputs.scss
@@ -6,17 +6,39 @@
   @extend .form-control;
 }
 
-.input-container {width: 460px; height: 62px; border: 2px solid $primary; border-radius: 8px; display: flex; align-items: center; position: relative;
-  .form-group {width: 100% !important; border: none !important;}
+.input-container {
+  width: 460px;
+  height: 62px;
+  border: 2px solid $primary;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  position: relative;
+  .form-group {
+    width: 100% !important;
+    border: none !important;
+  }
   .input-email {
     @extend .input-control-item;
     @extend .me-1;
-    border: none !important; box-shadow: none !important; outline: none !important
+    border: none !important;
+    box-shadow: none !important;
+    outline: none !important;
   }
   .btn-start {
     @extend .proceed-button;
     @extend .ms-1;
-    margin: 8px !important; border-radius: 12px !important; font-weight: 500; font-size: 16px; color: #F8F8F9;
+    margin: 8px !important;
+    border-radius: 12px !important;
+    font-weight: 500;
+    font-size: 16px;
+    color: #f8f8f9;
   }
-  .error-msg {position: absolute; bottom: -36px; color: #9EA2AF; font-size: 18px; margin: 0;}
-}
\ No newline at end of file
+  .error-msg {
+    position: absolute;
+    bottom: -36px;
+    color: #9ea2af;
+    font-size: 18px;
+    margin: 0;
+  }
+}
diff --git a/frontend/src/components/PDFReader.vue b/frontend/src/components/PDFReader.vue
index ce12226..dac932d 100644
--- a/frontend/src/components/PDFReader.vue
+++ b/frontend/src/components/PDFReader.vue
@@ -6,7 +6,7 @@
 
 <script>
 // import { getDocument } from 'pdfjs-dist'
-import * as PDFJS from "pdfjs-dist";
+import * as PDFJS from 'pdfjs-dist'
 // import pdfjsWorker from "pdfjs-dist/build/pdf.worker.entry";
 import { DocumentApi } from '@/utils/index'
 // PDFJS.GlobalWorkerOptions.workerSrc = import('pdfjs-dist/build/pdf.worker')
@@ -14,36 +14,36 @@ import { DocumentApi } from '@/utils/index'
 export default {
   name: 'PDFReader',
   props: {
-    document: {type: String, default: ''}
+    document: { type: String, default: '' }
   },
-  mounted () {
+  mounted() {
     this.renderPDF()
   },
   methods: {
-    async renderPDF () {
+    async renderPDF() {
       const response = await DocumentApi.download(this.document)
-    //   const response = await ContentApi.retrieve_blog_content(this.document)
+      //   const response = await ContentApi.retrieve_blog_content(this.document)
       console.log('response', response)
 
-    //   var fr = new FileReader();
-    //   fr.onload = async function(){
-    //     const doc = await getDocument({url: this.result}).promise
-    //   const page = await doc.getPage(1)
-    //   const canvas = this.$refs.canvas
-    //   const context = canvas.getContext('2d')
-    //   const viewport = page.getViewport({ scale: 1 })
+      //   var fr = new FileReader();
+      //   fr.onload = async function(){
+      //     const doc = await getDocument({url: this.result}).promise
+      //   const page = await doc.getPage(1)
+      //   const canvas = this.$refs.canvas
+      //   const context = canvas.getContext('2d')
+      //   const viewport = page.getViewport({ scale: 1 })
 
-    //   canvas.width = viewport.width
-    //   canvas.height = viewport.height
+      //   canvas.width = viewport.width
+      //   canvas.height = viewport.height
 
-    //   await page.render({
-    //     canvasContext: context,
-    //     viewport
-    //   })
-    //   }
-    //   fr.readAsDataURL(response.data);
-      
-      const doc = await PDFJS.getDocument({data: response.data}).promise
+      //   await page.render({
+      //     canvasContext: context,
+      //     viewport
+      //   })
+      //   }
+      //   fr.readAsDataURL(response.data);
+
+      const doc = await PDFJS.getDocument({ data: response.data }).promise
       const page = await doc.getPage(1)
       const canvas = this.$refs.canvas
       const context = canvas.getContext('2d')
@@ -58,18 +58,16 @@ export default {
       })
     },
     base64StringToUint8Array(base64String) {
-        var padding = '='.repeat((4 - base64String.length % 4) % 4);
-        var base64 = (base64String + padding)
-            .replace(/\-/g, '+')
-            .replace(/_/g, '/');
-    
-        var rawData = atob(base64);
-        var outputArray = new Uint8Array(rawData.length);
-    
-        for (var i = 0; i < rawData.length; ++i) {
-            outputArray[i] = rawData.charCodeAt(i);
-        }
-        return outputArray;
+      var padding = '='.repeat((4 - (base64String.length % 4)) % 4)
+      var base64 = (base64String + padding).replace(/\-/g, '+').replace(/_/g, '/')
+
+      var rawData = atob(base64)
+      var outputArray = new Uint8Array(rawData.length)
+
+      for (var i = 0; i < rawData.length; ++i) {
+        outputArray[i] = rawData.charCodeAt(i)
+      }
+      return outputArray
     }
   }
 }
diff --git a/frontend/src/components/SvgIcon.vue b/frontend/src/components/SvgIcon.vue
index 5b5ce70..000f126 100644
--- a/frontend/src/components/SvgIcon.vue
+++ b/frontend/src/components/SvgIcon.vue
@@ -1,37 +1,43 @@
 <template>
-    <svg :class="svgClass" aria-hidden="true">
-        <use :xlink:href="iconName" />
-    </svg>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName" />
+  </svg>
 </template>
-  
+
 <script>
 export default {
-    name: "SvgIcon",
-    props: {
-        icon: {
-            type: String,
-            required: true,
-        },
-        className: {
-            type: String,
-            default: "",
-        },
+  name: 'SvgIcon',
+  props: {
+    icon: {
+      type: String,
+      required: true
     },
-    computed: {
-        iconName() {
-            return `#icon-${this.icon}`;
-        },
-        svgClass() {
-            if (this.className) {
-                return "svg-icon " + this.className;
-            } else {
-                return "svg-icon";
-            }
-        },
+    className: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.icon}`
     },
-};
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    }
+  }
+}
 </script>
-  
+
 <style scoped>
-.svg-icon {width: 1rem; height: 1rem; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
-</style>
\ No newline at end of file
+.svg-icon {
+  width: 1rem;
+  height: 1rem;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
diff --git a/frontend/src/components/VueQuill.vue b/frontend/src/components/VueQuill.vue
index e0b9c62..fdb3f0c 100644
--- a/frontend/src/components/VueQuill.vue
+++ b/frontend/src/components/VueQuill.vue
@@ -1,22 +1,28 @@
 <template>
-    <div class="vue-quill-container">
-        <QuillEditor ref="quillRef" v-model:content="quillData" :options="quillOptions" content-type="html" @text-change="quillChange()" />
-    </div>
+  <div class="vue-quill-container">
+    <QuillEditor
+      ref="quillRef"
+      v-model:content="quillData"
+      :options="quillOptions"
+      content-type="html"
+      @text-change="quillChange()"
+    />
+  </div>
 </template>
 <script>
 const toolbarOptions = [
-    ['bold', 'italic', 'underline', 'strike'],
-    ["blockquote", "code-block"],
-    [{ list: 'ordered' }, { list: 'bullet' }],
-    [{ script: "sub" }, { script: "super" }],
-    [{ indent: '-1' }, { indent: '+1' }],
-    [{ direction: 'rtl' }],
-    [{ size: ['small', false, 'large', 'huge'] }],
-    [{ header: [1, 2, 3, 4, 5, 6, false] }],
-    [{ color: [] }, { background: [] }],
-    [{ font: [] }],
-    [{ align: [] }],
-    ['clean'],
+  ['bold', 'italic', 'underline', 'strike'],
+  ['blockquote', 'code-block'],
+  [{ list: 'ordered' }, { list: 'bullet' }],
+  [{ script: 'sub' }, { script: 'super' }],
+  [{ indent: '-1' }, { indent: '+1' }],
+  [{ direction: 'rtl' }],
+  [{ size: ['small', false, 'large', 'huge'] }],
+  [{ header: [1, 2, 3, 4, 5, 6, false] }],
+  [{ color: [] }, { background: [] }],
+  [{ font: [] }],
+  [{ align: [] }],
+  ['clean']
 ]
 import { QuillEditor } from '@vueup/vue-quill'
 import 'quill/dist/quill.core.css'
@@ -24,37 +30,41 @@ import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
 
 export default {
-    name: "VueQuill",
-    props: {
-        content: {
-            type: String,
-            default: ''
-        }
-    },
-    emits: ['update:content'],
-    components: { QuillEditor },
-    data() {
-        return {
-            quillData: this.content,
-            quillOptions: {
-                        theme: 'snow',
-                        placeholder: '请输入',
-                        modules: {
-                            toolbar: {
-                                container: toolbarOptions
-                            }
-                        }}
-        }
-    },
-    methods: {
-        quillChange() {
-            this.$emit('update:content', this.quillData)
-        }
+  name: 'VueQuill',
+  props: {
+    content: {
+      type: String,
+      default: ''
     }
-};
-
+  },
+  emits: ['update:content'],
+  components: { QuillEditor },
+  data() {
+    return {
+      quillData: this.content,
+      quillOptions: {
+        theme: 'snow',
+        placeholder: '请输入',
+        modules: {
+          toolbar: {
+            container: toolbarOptions
+          }
+        }
+      }
+    }
+  },
+  methods: {
+    quillChange() {
+      this.$emit('update:content', this.quillData)
+    }
+  }
+}
 </script>
 
 <style>
-.vue-quill-container {width: 100%; height: 100%; min-height: 100px;}
-</style>
\ No newline at end of file
+.vue-quill-container {
+  width: 100%;
+  height: 100%;
+  min-height: 100px;
+}
+</style>
diff --git a/frontend/src/footers/FooterGuest.vue b/frontend/src/footers/FooterGuest.vue
index 1c61248..cf31e95 100644
--- a/frontend/src/footers/FooterGuest.vue
+++ b/frontend/src/footers/FooterGuest.vue
@@ -24,9 +24,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.bottom-container {height: 110px; align-items: center; justify-content: center;
-  img  {height: 20px; margin-bottom: 10px;}
+.bottom-container {
+  height: 110px;
+  align-items: center;
+  justify-content: center;
+  img {
+    height: 20px;
+    margin-bottom: 10px;
+  }
 }
 
-.bottom-text {color: rgba(0,0,0,.5); @extend .fs-6}
+.bottom-text {
+  color: rgba(0, 0, 0, 0.5);
+  @extend .fs-6;
+}
 </style>
diff --git a/frontend/src/headers/HeaderGuest.vue b/frontend/src/headers/HeaderGuest.vue
index e2e0186..7f8b201 100644
--- a/frontend/src/headers/HeaderGuest.vue
+++ b/frontend/src/headers/HeaderGuest.vue
@@ -39,14 +39,25 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
-.header-container {width: 100%; height: 100%; background: white; max-width: 100%;
-  .header-content {display: flex;align-items: center; justify-content: space-between; height: 100%; max-width: $body-width; width: 100%;
+.header-container {
+  width: 100%;
+  height: 100%;
+  background: white;
+  max-width: 100%;
+  .header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 100%;
+    max-width: $body-width;
+    width: 100%;
     @extend .flex-row-container;
   }
 }
 
-.company-logo {height: 40px}
+.company-logo {
+  height: 40px;
+}
 
 .company-slogan {
   @extend .text-center;
@@ -60,11 +71,15 @@ export default {
   @extend .align-items-center;
 }
 
-.public-sites {display: flex; align-items: center;
+.public-sites {
+  display: flex;
+  align-items: center;
   .public-site-button {
     @extend .btn;
     @extend .btn-link;
-    color: black; font-size: 16px; text-decoration: none;
+    color: black;
+    font-size: 16px;
+    text-decoration: none;
   }
 }
 </style>
diff --git a/frontend/src/headers/HeaderUser.vue b/frontend/src/headers/HeaderUser.vue
index 88f09e3..1211e25 100644
--- a/frontend/src/headers/HeaderUser.vue
+++ b/frontend/src/headers/HeaderUser.vue
@@ -23,7 +23,13 @@
         </button>
       </div>
       <div class="profile-container">
-        <img alt="freeleaps logo" data-bs-toggle="dropdown" aria-expanded="false" id="accountButton" src="@/assets/profile.png" />
+        <img
+          alt="freeleaps logo"
+          data-bs-toggle="dropdown"
+          aria-expanded="false"
+          id="accountButton"
+          src="@/assets/profile.png"
+        />
         <ul class="dropdown-menu" aria-labelledby="accountButton">
           <li>
             <button class="account-menu-button" @click="gotoProfile">Profile</button>
@@ -110,25 +116,72 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.header-container {width: 100%; height: 100%; background: #F8FAFC; max-width: 100%;
-  .header-content {display: flex;align-items: center; justify-content: space-between; height: 100%; max-width: $body-width; width: 100%;
+.header-container {
+  width: 100%;
+  height: 100%;
+  background: #f8fafc;
+  max-width: 100%;
+  .header-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 100%;
+    max-width: $body-width;
+    width: 100%;
     @extend .flex-row-container;
   }
 }
 
-.information-bar {width: 52px; height: 36px; border-radius: 18px; display: flex; align-items: center; justify-content: center; position: relative; background-color: white;
-  img {width: 24px; height: 24px;}
-  &::after {content: ''; display: block; width: 8px; height: 8px; border-radius: 4px; position: absolute; right: 0; top: 0; background-color: #F44837;}
+.information-bar {
+  width: 52px;
+  height: 36px;
+  border-radius: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  background-color: white;
+  img {
+    width: 24px;
+    height: 24px;
+  }
+  &::after {
+    content: '';
+    display: block;
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    position: absolute;
+    right: 0;
+    top: 0;
+    background-color: #f44837;
+  }
 }
 
-.profile-container {position: relative;
-  img {width: 56px;}
+.profile-container {
+  position: relative;
+  img {
+    width: 56px;
+  }
 }
 
-.navigation-container {display: flex; align-items: center; justify-content: center;
-  .navigation-item {@extend .btn; @extend .btn-link; color: #6E7387; text-decoration: none; margin: 0 30px;
-    &:hover {color: $primary;}
-    &.active {color: $primary; font-weight: 500;}
+.navigation-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .navigation-item {
+    @extend .btn;
+    @extend .btn-link;
+    color: #6e7387;
+    text-decoration: none;
+    margin: 0 30px;
+    &:hover {
+      color: $primary;
+    }
+    &.active {
+      color: $primary;
+      font-weight: 500;
+    }
   }
 }
 
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 95b29db..e348c9a 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -38,8 +38,8 @@ app.mixin(userAuthMixin)
 app.directive('tooltip', tooltip)
 
 import 'virtual:svg-icons-register'
-import SvgIcon from "@/components/SvgIcon.vue";
-app.component("svg-icon", SvgIcon);
+import SvgIcon from '@/components/SvgIcon.vue'
+app.component('svg-icon', SvgIcon)
 
 app.mount('#app')
 app.config.warnHandler = (msg, instance, trace) => {
diff --git a/frontend/src/pages/guest/FrontDoor.vue b/frontend/src/pages/guest/FrontDoor.vue
index a38095c..0f9d51c 100644
--- a/frontend/src/pages/guest/FrontDoor.vue
+++ b/frontend/src/pages/guest/FrontDoor.vue
@@ -1,23 +1,31 @@
 <template>
   <div class="flex-colum-container front-container">
-    <div class="slogen">A platform where our users can find a trustworthy partner, <br/>simplify software development, and secure return.</div>
-    <div class="poster"><span class="blue">One stop platform</span> for hiring the best <br/>freelance software development talent</div>
+    <div class="slogen">
+      A platform where our users can find a trustworthy partner, <br />simplify software
+      development, and secure return.
+    </div>
+    <div class="poster">
+      <span class="blue">One stop platform</span> for hiring the best <br />freelance software
+      development talent
+    </div>
     <div class="input-container">
       <div class="form-group">
-          <div class="input-group-container">
-            <div class="form-floating">
-              <input
-                class="input-email"
-                id="inputEmail"
-                type="text"
-                placeholder="name@example.com"
-                v-model="email"
-              />
-              <label for="inputEmail">Email address</label>
-            </div>
-            <button class="btn-start" ref="submitButton" @click="trySigninWithEmail()">GET STARTED</button>
+        <div class="input-group-container">
+          <div class="form-floating">
+            <input
+              class="input-email"
+              id="inputEmail"
+              type="text"
+              placeholder="name@example.com"
+              v-model="email"
+            />
+            <label for="inputEmail">Email address</label>
           </div>
+          <button class="btn-start" ref="submitButton" @click="trySigninWithEmail()">
+            GET STARTED
+          </button>
         </div>
+      </div>
       <p class="error-msg">{{ message }}</p>
     </div>
   </div>
@@ -80,11 +88,26 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-.front-container {padding: 20px 0;
-  .slogen {font-size: 20px; font-weight: 400; color: rgba(0,0,0,.5); text-align: center; margin-bottom: 24px; line-height: 22px}
-  .poster {font-size: 48px; font-weight: 500; color: black; text-align: center; margin-bottom: 40px; line-height: 52px;
-    .blue {color: $primary}
+.front-container {
+  padding: 20px 0;
+  .slogen {
+    font-size: 20px;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.5);
+    text-align: center;
+    margin-bottom: 24px;
+    line-height: 22px;
+  }
+  .poster {
+    font-size: 48px;
+    font-weight: 500;
+    color: black;
+    text-align: center;
+    margin-bottom: 40px;
+    line-height: 52px;
+    .blue {
+      color: $primary;
+    }
   }
 }
-
 </style>
diff --git a/frontend/src/pages/guest/NewUserSetFlid.vue b/frontend/src/pages/guest/NewUserSetFlid.vue
index 46088fa..0a49d6f 100644
--- a/frontend/src/pages/guest/NewUserSetFlid.vue
+++ b/frontend/src/pages/guest/NewUserSetFlid.vue
@@ -81,5 +81,4 @@ export default {
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>
diff --git a/frontend/src/pages/guest/NewUserSetPassword.vue b/frontend/src/pages/guest/NewUserSetPassword.vue
index 59d62a1..987bea2 100644
--- a/frontend/src/pages/guest/NewUserSetPassword.vue
+++ b/frontend/src/pages/guest/NewUserSetPassword.vue
@@ -19,18 +19,18 @@
       </div>
       <div class="input-container">
         <div class="input-group-container">
-            <div class="form-floating">
-              <input
-                class="input-email"
-                id="inputCode"
-                type="password"
-                :placeholder="'Repeat your password'"
-                v-model="password2"
-              />
-              <label for="inputCode">Repeat password</label>
-            </div>
-            <button type="submit" class="btn-start">SIGN UP</button>
+          <div class="form-floating">
+            <input
+              class="input-email"
+              id="inputCode"
+              type="password"
+              :placeholder="'Repeat your password'"
+              v-model="password2"
+            />
+            <label for="inputCode">Repeat password</label>
           </div>
+          <button type="submit" class="btn-start">SIGN UP</button>
+        </div>
         <p class="errorInput" v-if="message != null">{{ message }}</p>
       </div>
     </form>
@@ -93,5 +93,7 @@ export default {
 //   @extend .proceed-button;
 //   @extend .ms-1;
 // }
-.mb-12 {margin-bottom: 12px;}
+.mb-12 {
+  margin-bottom: 12px;
+}
 </style>
diff --git a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
index 9c29964..3bd2d74 100644
--- a/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
+++ b/frontend/src/pages/guest/SigninWithEmailAndPassword.vue
@@ -20,7 +20,9 @@
         <div class="error-msg flex-row-container">
           <p class="error-p" v-if="message != null">{{ message }}</p>
           <div class="flex-1" />
-          <button type="button" class="btn-forget-password" @click="forgetPassword()">Forget password</button>
+          <button type="button" class="btn-forget-password" @click="forgetPassword()">
+            Forget password
+          </button>
         </div>
       </div>
     </form>
@@ -111,11 +113,16 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped lang="scss">
-.error-p {color: #916AD4; margin: 0}
+.error-p {
+  color: #916ad4;
+  margin: 0;
+}
 .btn-forget-password {
   @extend .btn;
   // @extend .ms-1;
   @extend .btn-link;
-  padding: 0; font-size: 16px; margin-left: 15px;
+  padding: 0;
+  font-size: 16px;
+  margin-left: 15px;
 }
 </style>
diff --git a/frontend/src/pages/public/PdfContentViewer.vue b/frontend/src/pages/public/PdfContentViewer.vue
index c8a0dcb..b1692f2 100644
--- a/frontend/src/pages/public/PdfContentViewer.vue
+++ b/frontend/src/pages/public/PdfContentViewer.vue
@@ -16,7 +16,7 @@ export default {
       type: String
     }
   },
-  components: {PDFReader},
+  components: { PDFReader },
   computed: {},
   mounted() {
     // this.retrieve_blog_content()
diff --git a/frontend/src/pages/user/workspace/requestIssue/Issue.vue b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
index 56cdad9..f427288 100644
--- a/frontend/src/pages/user/workspace/requestIssue/Issue.vue
+++ b/frontend/src/pages/user/workspace/requestIssue/Issue.vue
@@ -185,7 +185,7 @@ export default {
       type: String
     }
   },
-  components: {VueQuill},
+  components: { VueQuill },
   mounted() {
     this.initProducts()
     this.initiateFromInput()
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index dd7c5a5..61854f6 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -38,7 +38,7 @@ export default defineConfig({
   server: {
     proxy: {
       '^/api/': {
-        target: 'https://freeleaps-alpha.com',
+        target: 'https://localhost:8001/',
         ws: true,
         changeOrigin: true
       }