From b99f1d403d99f95a9932c0c5aae19207e921b09e Mon Sep 17 00:00:00 2001
From: grey-cat-1908 <grey.cat1908@gmail.com>
Date: Thu, 22 Aug 2024 09:09:33 +0300
Subject: [PATCH 1/2] view page error checking

---
 src/components/FormNotFound.vue           |   7 ++
 src/components/forms/ScaleQuestion.vue    |  16 ++--
 src/components/forms/SelectorQuestion.vue |  10 +-
 src/components/forms/TextQuestion.vue     |  84 ++++++++---------
 src/router/index.ts                       |   2 +-
 src/utils/http.ts                         |  35 ++++---
 src/views/form/View.vue                   | 109 +++++++++++++---------
 7 files changed, 150 insertions(+), 113 deletions(-)
 create mode 100644 src/components/FormNotFound.vue

diff --git a/src/components/FormNotFound.vue b/src/components/FormNotFound.vue
new file mode 100644
index 0000000..b46d3ef
--- /dev/null
+++ b/src/components/FormNotFound.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h2>Форма недоступна</h2>
+</template>
+
+<style scoped></style>
diff --git a/src/components/forms/ScaleQuestion.vue b/src/components/forms/ScaleQuestion.vue
index 4f69b3b..4f2e123 100644
--- a/src/components/forms/ScaleQuestion.vue
+++ b/src/components/forms/ScaleQuestion.vue
@@ -7,16 +7,18 @@
     <div class="rating-options">
       <label v-for="n in range" :key="n" class="rating-option">
         <input
-          type="radio"
-          :value="n"
-          v-model="selectedValue"
-          :required="isRequired"
-          @change="updateValue"
+            type="radio"
+            :value="n"
+            v-model="selectedValue"
+            :required="isRequired"
+            @change="updateValue"
         />
         <span>{{ n }}</span>
       </label>
     </div>
-    <button v-if="selectedValue !== null" @click="cancelSelection">Отменить выбор</button>
+    <button v-if="selectedValue !== null" @click="cancelSelection">
+      Отменить выбор
+    </button>
   </div>
 </template>
 
@@ -54,7 +56,7 @@ const emit = defineEmits(['input'])
 const selectedValue = ref(props.value)
 
 const range = computed(() => {
-  return Array.from({ length: props.max - props.min + 1 }, (_, i) => props.min + i)
+  return Array.from({length: props.max - props.min + 1}, (_, i) => props.min + i)
 })
 
 function updateValue() {
diff --git a/src/components/forms/SelectorQuestion.vue b/src/components/forms/SelectorQuestion.vue
index bd26f1e..828a522 100644
--- a/src/components/forms/SelectorQuestion.vue
+++ b/src/components/forms/SelectorQuestion.vue
@@ -2,11 +2,11 @@
   <div class="selector-component">
     <div class="options">
       <div
-        v-for="(option, index) in options"
-        :key="index"
-        class="option"
-        @click="toggleSelection(index)"
-        :class="{ selected: isSelected(index) }"
+          v-for="(option, index) in options"
+          :key="index"
+          class="option"
+          @click="toggleSelection(index)"
+          :class="{ selected: isSelected(index) }"
       >
         <span>{{ option.label }}</span>
       </div>
diff --git a/src/components/forms/TextQuestion.vue b/src/components/forms/TextQuestion.vue
index 628e704..8cfb511 100644
--- a/src/components/forms/TextQuestion.vue
+++ b/src/components/forms/TextQuestion.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="text-question-component">
     <input
-      type="text"
-      v-model="inputValue"
-      :maxlength="maxLength"
-      :required="isRequired"
-      @input="validateInput"
-      @blur="validateInput"
+        type="text"
+        v-model="inputValue"
+        :maxlength="maxLength"
+        :required="isRequired"
+        @input="validateInput"
+        @blur="validateInput"
     />
     <div v-if="error" class="error">{{ error }}</div>
   </div>
@@ -50,48 +50,48 @@ function validateTIN(value) {
 
   if (len === 10) {
     const checksum =
-      ((2 * digits[0] +
-        4 * digits[1] +
-        10 * digits[2] +
-        3 * digits[3] +
-        5 * digits[4] +
-        9 * digits[5] +
-        4 * digits[6] +
-        6 * digits[7] +
-        8 * digits[8]) %
-        11) %
-      10
+        ((2 * digits[0] +
+                4 * digits[1] +
+                10 * digits[2] +
+                3 * digits[3] +
+                5 * digits[4] +
+                9 * digits[5] +
+                4 * digits[6] +
+                6 * digits[7] +
+                8 * digits[8]) %
+            11) %
+        10
     return digits[9] === checksum
   }
 
   if (len === 12) {
     const checksum1 =
-      ((7 * digits[0] +
-        2 * digits[1] +
-        4 * digits[2] +
-        10 * digits[3] +
-        3 * digits[4] +
-        5 * digits[5] +
-        9 * digits[6] +
-        4 * digits[7] +
-        6 * digits[8] +
-        8 * digits[9]) %
-        11) %
-      10
+        ((7 * digits[0] +
+                2 * digits[1] +
+                4 * digits[2] +
+                10 * digits[3] +
+                3 * digits[4] +
+                5 * digits[5] +
+                9 * digits[6] +
+                4 * digits[7] +
+                6 * digits[8] +
+                8 * digits[9]) %
+            11) %
+        10
     const checksum2 =
-      ((3 * digits[0] +
-        7 * digits[1] +
-        2 * digits[2] +
-        4 * digits[3] +
-        10 * digits[4] +
-        3 * digits[5] +
-        5 * digits[6] +
-        9 * digits[7] +
-        4 * digits[8] +
-        6 * digits[9] +
-        8 * digits[10]) %
-        11) %
-      10
+        ((3 * digits[0] +
+                7 * digits[1] +
+                2 * digits[2] +
+                4 * digits[3] +
+                10 * digits[4] +
+                3 * digits[5] +
+                5 * digits[6] +
+                9 * digits[7] +
+                4 * digits[8] +
+                6 * digits[9] +
+                8 * digits[10]) %
+            11) %
+        10
     return digits[10] === checksum1 && digits[11] === checksum2
   }
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 70f2adc..bd7aa42 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,7 +9,7 @@ const router = createRouter({
       component: () => import('@/views/Index.vue')
     },
     {
-      path: '/form/view',
+      path: '/form/view/:id',
       name: 'View Form',
       component: () => import('@/views/form/View.vue')
     }
diff --git a/src/utils/http.ts b/src/utils/http.ts
index 68f52c0..a91b156 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -1,10 +1,10 @@
 export function makeAPIRequest(
-  path: string = '',
-  method: string = 'GET',
-  query: any = {},
-  body: any = {},
-  useAuthorization: boolean = false
-): Promise<any> {
+    path: string = '',
+    method: string = 'GET',
+    query: any = {},
+    body: any = {},
+    useAuthorization: boolean = false
+): Promise < any > {
   return new Promise(async (resolve, _) => {
     let options: any = {
       method,
@@ -23,13 +23,18 @@ export function makeAPIRequest(
       finalPath += '?' + new URLSearchParams(query)
     }
 
-    const r = await fetch(finalPath, options)
-      .then((r) => r.json())
-      .catch((err) => {
-        console.error(err)
-        return resolve({ error: 'CRITICAL_ERROR' })
-      })
-
-    return resolve(r.data)
+    await fetch(finalPath, options)
+        .then(async (r) => {
+          return resolve({
+            json: await r.json(),
+            status: r.status
+          })
+        })
+        .catch((err) => {
+          console.error(err)
+          return resolve({
+            error: 'CRITICAL_ERROR'
+          })
+        })
   })
-}
+}
\ No newline at end of file
diff --git a/src/views/form/View.vue b/src/views/form/View.vue
index 5cdf03f..a2b8abc 100644
--- a/src/views/form/View.vue
+++ b/src/views/form/View.vue
@@ -4,11 +4,18 @@ import { makeAPIRequest } from '@/utils/http'
 import Scale from '@/components/forms/ScaleQuestion.vue'
 import TextQuestion from '@/components/forms/TextQuestion.vue'
 import SelectorQuestion from '@/components/forms/SelectorQuestion.vue'
+import FormNotFound from '@/components/FormNotFound.vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
 
 const data = ref({})
 const currentPageNumber = ref(0)
+const pageCount = ref(0)
 const currentPage = ref({})
 const answers = ref([])
+const isFormNotFound = ref(true)
+const isSent = ref(false)
 
 async function prepareNewPage() {
   currentPage.value = data.value.pages[currentPageNumber.value]
@@ -39,62 +46,78 @@ async function submitForm() {
       await prepareNewPage()
     } else {
       await makeAPIRequest(
-        '/answer/create',
-        'POST',
-        { form_id: 1 },
-        {
-          values: Array.from(Object.keys(answers.value).map((val) => answers.value[val]))
-        }
+          '/answer/create',
+          'POST',
+          { form_id: Number(route.params.id) },
+          {
+            values: Array.from(Object.keys(answers.value).map((val) => answers.value[val]))
+          }
       )
+      isSent.value = true
     }
   }
 }
 
 onMounted(async () => {
-  data.value = await makeAPIRequest('/form/get', 'GET', { id: 1 })
+  const formResponse = await makeAPIRequest('/form/get', 'GET', { id: Number(route.params.id) })
+  if (!formResponse.json || formResponse.status !== 200) {
+    return
+  }
+  data.value = formResponse.json.data
+  pageCount.value = data.value.pages.length
+  isFormNotFound.value = false
   await prepareNewPage()
 })
 </script>
 
 <template>
-  <h2>{{ data.name }}</h2>
-  <p>{{ currentPage.text }}</p>
+  <FormNotFound v-if="isFormNotFound" />
+  <div v-else>
+    <div v-if="isSent">Форма была успешно отправлена.</div>
+    <div v-else>
+      <h2>{{ data.name }}</h2>
+      <p>{{ currentPage.text }}</p>
 
-  <form @submit.prevent="submitForm">
-    <div class="" v-for="question in currentPage.questions">
-      <h3>{{ question.label }}</h3>
-      <p>{{ question.description }}</p>
-      <TextQuestion
-        v-if="question.question_type === 1"
-        :minLength="question.min_length"
-        :maxLength="question.max_length"
-        :validator="question.validator"
-        :isRequired="question.required"
-        v-model="answers[question.id].value"
-        @input="answers[question.id].value = $event"
-      />
-      <SelectorQuestion
-        v-if="question.question_type === 2"
-        :minValues="question.min_values"
-        :maxValues="question.max_values"
-        :options="question.options"
-        :isRequired="question.required"
-        v-model="answers[question.id].values"
-        @input="answers[question.id].values = $event"
-      />
-      <Scale
-        v-if="question.question_type === 3"
-        :min="question.min_value"
-        :max="question.max_value"
-        :minLabel="question.min_label"
-        :maxLabel="question.max_label"
-        :isRequired="question.required"
-        v-model="answers[question.id].value"
-        @input="answers[question.id].value = $event"
-      />
+      <form @submit.prevent="submitForm">
+        <div class="" v-for="question in currentPage.questions">
+          <h3>{{ question.label }}</h3>
+          <p>{{ question.description }}</p>
+          <TextQuestion
+              v-if="question.question_type === 1"
+              :minLength="question.min_length"
+              :maxLength="question.max_length"
+              :validator="question.validator"
+              :isRequired="question.required"
+              v-model="answers[question.id].value"
+              @input="answers[question.id].value = $event"
+          />
+          <SelectorQuestion
+              v-if="question.question_type === 2"
+              :minValues="question.min_values"
+              :maxValues="question.max_values"
+              :options="question.options"
+              :isRequired="question.required"
+              v-model="answers[question.id].values"
+              @input="answers[question.id].values = $event"
+          />
+          <Scale
+              v-if="question.question_type === 3"
+              :min="question.min_value"
+              :max="question.max_value"
+              :minLabel="question.min_label"
+              :maxLabel="question.max_label"
+              :isRequired="question.required"
+              v-model="answers[question.id].value"
+              @input="answers[question.id].value = $event"
+          />
+        </div>
+        <button type="submit" v-if="currentPageNumber === pageCount - 1">
+          Отправить
+        </button>
+        <button type="submit" v-else>Дальше</button>
+      </form>
     </div>
-    <button type="submit">Отправить</button>
-  </form>
+  </div>
 </template>
 
 <style scoped></style>

From 854a9aaa97ffaa1f824610225deaccb179b2a31b Mon Sep 17 00:00:00 2001
From: grey-cat-1908 <grey.cat1908@gmail.com>
Date: Fri, 23 Aug 2024 09:54:47 +0300
Subject: [PATCH 2/2] auth base

---
 src/App.vue                               |  2 +
 src/components/Auth.vue                   | 53 ++++++++++++++
 src/components/Header.vue                 | 14 ++++
 src/components/forms/ScaleQuestion.vue    | 16 ++---
 src/components/forms/SelectorQuestion.vue | 10 +--
 src/components/forms/TextQuestion.vue     | 84 +++++++++++------------
 src/stores/auth.ts                        | 44 ++++++++++++
 src/utils/http.ts                         | 36 +++++-----
 src/views/Auth.vue                        |  5 --
 src/views/form/View.vue                   | 60 ++++++++--------
 10 files changed, 214 insertions(+), 110 deletions(-)
 create mode 100644 src/components/Auth.vue
 create mode 100644 src/stores/auth.ts
 delete mode 100644 src/views/Auth.vue

diff --git a/src/App.vue b/src/App.vue
index baa9ad0..346ceea 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="root" id="root">
     <Header />
+    <Auth />
     <router-view v-slot="{ Component }">
       <div class="layout">
         <transition name="page" mode="out-in">
@@ -13,6 +14,7 @@
 
 <script setup lang="ts">
 import Header from '@/components/Header.vue'
+import Auth from '@/components/Auth.vue'
 </script>
 
 <style scoped>
diff --git a/src/components/Auth.vue b/src/components/Auth.vue
new file mode 100644
index 0000000..0b6cd32
--- /dev/null
+++ b/src/components/Auth.vue
@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import { makeAPIRequest } from '@/utils/http'
+import { useAuthStore } from '@/stores/auth'
+
+import { ref } from 'vue'
+import router from '@/router'
+
+const authStore = useAuthStore()
+
+const username = ref('')
+const password = ref('')
+
+const authError = ref('')
+
+async function submitForm() {
+  const data = await makeAPIRequest(
+    '/user/login',
+    'POST',
+    {},
+    { username: username.value, password: password.value }
+  )
+
+  if (data.status === 200) {
+    authError.value = ''
+    localStorage.setItem('auth_token', data.json.token)
+    authStore.authDialogOpened = false
+    await authStore.prepareStore()
+    await router.push('/')
+  } else {
+    authError.value = 'Авторизация не удалась.'
+  }
+}
+</script>
+
+<template>
+  <div v-if="authStore.authDialogOpened">
+    <button @click="authStore.authDialogOpened = false">x</button>
+    <form @submit.prevent="submitForm">
+      <div>
+        <div>Имя пользователя</div>
+        <input type="text" id="username" v-model="username" placeholder="Введи имя пользователя" />
+      </div>
+      <div>
+        <div>Пароль</div>
+        <input type="password" id="password" v-model="password" placeholder="Введи пароль" />
+      </div>
+      <p v-if="authError.length > 0">{{ authError }}</p>
+      <button type="submit">Войти</button>
+    </form>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 774bc63..d8b07d7 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -1,9 +1,23 @@
 <script setup lang="ts">
 import { getTitle } from '@/utils/env'
+import { useAuthStore } from '@/stores/auth'
+
+const authStore = useAuthStore()
 </script>
 
 <template>
   <h1>{{ getTitle() }}</h1>
+  <div v-if="authStore.isAuthorized">
+    <button type="button">
+      {{ authStore.user.username }}
+    </button>
+    <button type="button" @click="authStore.logout">leave</button>
+  </div>
+  <div v-else>
+    <button type="button" @click="authStore.authDialogOpened = !authStore.authDialogOpened">
+      Войти
+    </button>
+  </div>
 </template>
 
 <style scoped></style>
diff --git a/src/components/forms/ScaleQuestion.vue b/src/components/forms/ScaleQuestion.vue
index 4f2e123..4f69b3b 100644
--- a/src/components/forms/ScaleQuestion.vue
+++ b/src/components/forms/ScaleQuestion.vue
@@ -7,18 +7,16 @@
     <div class="rating-options">
       <label v-for="n in range" :key="n" class="rating-option">
         <input
-            type="radio"
-            :value="n"
-            v-model="selectedValue"
-            :required="isRequired"
-            @change="updateValue"
+          type="radio"
+          :value="n"
+          v-model="selectedValue"
+          :required="isRequired"
+          @change="updateValue"
         />
         <span>{{ n }}</span>
       </label>
     </div>
-    <button v-if="selectedValue !== null" @click="cancelSelection">
-      Отменить выбор
-    </button>
+    <button v-if="selectedValue !== null" @click="cancelSelection">Отменить выбор</button>
   </div>
 </template>
 
@@ -56,7 +54,7 @@ const emit = defineEmits(['input'])
 const selectedValue = ref(props.value)
 
 const range = computed(() => {
-  return Array.from({length: props.max - props.min + 1}, (_, i) => props.min + i)
+  return Array.from({ length: props.max - props.min + 1 }, (_, i) => props.min + i)
 })
 
 function updateValue() {
diff --git a/src/components/forms/SelectorQuestion.vue b/src/components/forms/SelectorQuestion.vue
index 828a522..bd26f1e 100644
--- a/src/components/forms/SelectorQuestion.vue
+++ b/src/components/forms/SelectorQuestion.vue
@@ -2,11 +2,11 @@
   <div class="selector-component">
     <div class="options">
       <div
-          v-for="(option, index) in options"
-          :key="index"
-          class="option"
-          @click="toggleSelection(index)"
-          :class="{ selected: isSelected(index) }"
+        v-for="(option, index) in options"
+        :key="index"
+        class="option"
+        @click="toggleSelection(index)"
+        :class="{ selected: isSelected(index) }"
       >
         <span>{{ option.label }}</span>
       </div>
diff --git a/src/components/forms/TextQuestion.vue b/src/components/forms/TextQuestion.vue
index 8cfb511..628e704 100644
--- a/src/components/forms/TextQuestion.vue
+++ b/src/components/forms/TextQuestion.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="text-question-component">
     <input
-        type="text"
-        v-model="inputValue"
-        :maxlength="maxLength"
-        :required="isRequired"
-        @input="validateInput"
-        @blur="validateInput"
+      type="text"
+      v-model="inputValue"
+      :maxlength="maxLength"
+      :required="isRequired"
+      @input="validateInput"
+      @blur="validateInput"
     />
     <div v-if="error" class="error">{{ error }}</div>
   </div>
@@ -50,48 +50,48 @@ function validateTIN(value) {
 
   if (len === 10) {
     const checksum =
-        ((2 * digits[0] +
-                4 * digits[1] +
-                10 * digits[2] +
-                3 * digits[3] +
-                5 * digits[4] +
-                9 * digits[5] +
-                4 * digits[6] +
-                6 * digits[7] +
-                8 * digits[8]) %
-            11) %
-        10
+      ((2 * digits[0] +
+        4 * digits[1] +
+        10 * digits[2] +
+        3 * digits[3] +
+        5 * digits[4] +
+        9 * digits[5] +
+        4 * digits[6] +
+        6 * digits[7] +
+        8 * digits[8]) %
+        11) %
+      10
     return digits[9] === checksum
   }
 
   if (len === 12) {
     const checksum1 =
-        ((7 * digits[0] +
-                2 * digits[1] +
-                4 * digits[2] +
-                10 * digits[3] +
-                3 * digits[4] +
-                5 * digits[5] +
-                9 * digits[6] +
-                4 * digits[7] +
-                6 * digits[8] +
-                8 * digits[9]) %
-            11) %
-        10
+      ((7 * digits[0] +
+        2 * digits[1] +
+        4 * digits[2] +
+        10 * digits[3] +
+        3 * digits[4] +
+        5 * digits[5] +
+        9 * digits[6] +
+        4 * digits[7] +
+        6 * digits[8] +
+        8 * digits[9]) %
+        11) %
+      10
     const checksum2 =
-        ((3 * digits[0] +
-                7 * digits[1] +
-                2 * digits[2] +
-                4 * digits[3] +
-                10 * digits[4] +
-                3 * digits[5] +
-                5 * digits[6] +
-                9 * digits[7] +
-                4 * digits[8] +
-                6 * digits[9] +
-                8 * digits[10]) %
-            11) %
-        10
+      ((3 * digits[0] +
+        7 * digits[1] +
+        2 * digits[2] +
+        4 * digits[3] +
+        10 * digits[4] +
+        3 * digits[5] +
+        5 * digits[6] +
+        9 * digits[7] +
+        4 * digits[8] +
+        6 * digits[9] +
+        8 * digits[10]) %
+        11) %
+      10
     return digits[10] === checksum1 && digits[11] === checksum2
   }
 
diff --git a/src/stores/auth.ts b/src/stores/auth.ts
new file mode 100644
index 0000000..a90196e
--- /dev/null
+++ b/src/stores/auth.ts
@@ -0,0 +1,44 @@
+import { ref } from 'vue'
+import { defineStore } from 'pinia'
+import { makeAPIRequest } from '@/utils/http'
+
+export const useAuthStore = defineStore('auth', () => {
+  const authDialogOpened = ref(false)
+  const isAuthorized = ref(false)
+
+  const user = ref({
+    id: 0,
+    username: ''
+  })
+
+  const prepareStore = async () => {
+    if (localStorage.getItem('auth_token')) {
+      const data = await makeAPIRequest('/user/get', 'POST', {}, {}, true)
+      if (data.status !== 200) {
+        localStorage.removeItem('auth_token')
+        return (isAuthorized.value = false)
+      } else {
+        isAuthorized.value = true
+        user.value = {
+          id: data.json.id,
+          username: data.json.username
+        }
+      }
+    } else {
+      isAuthorized.value = false
+    }
+  }
+
+  const logout = () => {
+    localStorage.removeItem('auth_token')
+    isAuthorized.value = false
+    authDialogOpened.value = false
+    user.value = {
+      id: 0,
+      username: ''
+    }
+  }
+
+  prepareStore()
+  return { authDialogOpened, isAuthorized, user, prepareStore, logout }
+})
diff --git a/src/utils/http.ts b/src/utils/http.ts
index a91b156..cc62e12 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -1,10 +1,10 @@
 export function makeAPIRequest(
-    path: string = '',
-    method: string = 'GET',
-    query: any = {},
-    body: any = {},
-    useAuthorization: boolean = false
-): Promise < any > {
+  path: string = '',
+  method: string = 'GET',
+  query: any = {},
+  body: any = {},
+  useAuthorization: boolean = false
+): Promise<any> {
   return new Promise(async (resolve, _) => {
     let options: any = {
       method,
@@ -12,7 +12,7 @@ export function makeAPIRequest(
         'Content-Type': 'application/json'
       }
     }
-    if (useAuthorization) options.headers.Authorization = `${localStorage.getItem('auth_token')}`
+    if (useAuthorization) options.headers['x-token'] = `${localStorage.getItem('auth_token')}`
 
     if (method !== 'GET') {
       options.body = JSON.stringify(body)
@@ -24,17 +24,17 @@ export function makeAPIRequest(
     }
 
     await fetch(finalPath, options)
-        .then(async (r) => {
-          return resolve({
-            json: await r.json(),
-            status: r.status
-          })
+      .then(async (r) => {
+        return resolve({
+          json: await r.json(),
+          status: r.status
         })
-        .catch((err) => {
-          console.error(err)
-          return resolve({
-            error: 'CRITICAL_ERROR'
-          })
+      })
+      .catch((err) => {
+        console.error(err)
+        return resolve({
+          error: 'CRITICAL_ERROR'
         })
+      })
   })
-}
\ No newline at end of file
+}
diff --git a/src/views/Auth.vue b/src/views/Auth.vue
deleted file mode 100644
index d879ed0..0000000
--- a/src/views/Auth.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template></template>
-
-<style scoped></style>
diff --git a/src/views/form/View.vue b/src/views/form/View.vue
index a2b8abc..b611088 100644
--- a/src/views/form/View.vue
+++ b/src/views/form/View.vue
@@ -46,12 +46,12 @@ async function submitForm() {
       await prepareNewPage()
     } else {
       await makeAPIRequest(
-          '/answer/create',
-          'POST',
-          { form_id: Number(route.params.id) },
-          {
-            values: Array.from(Object.keys(answers.value).map((val) => answers.value[val]))
-          }
+        '/answer/create',
+        'POST',
+        { form_id: Number(route.params.id) },
+        {
+          values: Array.from(Object.keys(answers.value).map((val) => answers.value[val]))
+        }
       )
       isSent.value = true
     }
@@ -83,37 +83,35 @@ onMounted(async () => {
           <h3>{{ question.label }}</h3>
           <p>{{ question.description }}</p>
           <TextQuestion
-              v-if="question.question_type === 1"
-              :minLength="question.min_length"
-              :maxLength="question.max_length"
-              :validator="question.validator"
-              :isRequired="question.required"
-              v-model="answers[question.id].value"
-              @input="answers[question.id].value = $event"
+            v-if="question.question_type === 1"
+            :minLength="question.min_length"
+            :maxLength="question.max_length"
+            :validator="question.validator"
+            :isRequired="question.required"
+            v-model="answers[question.id].value"
+            @input="answers[question.id].value = $event"
           />
           <SelectorQuestion
-              v-if="question.question_type === 2"
-              :minValues="question.min_values"
-              :maxValues="question.max_values"
-              :options="question.options"
-              :isRequired="question.required"
-              v-model="answers[question.id].values"
-              @input="answers[question.id].values = $event"
+            v-if="question.question_type === 2"
+            :minValues="question.min_values"
+            :maxValues="question.max_values"
+            :options="question.options"
+            :isRequired="question.required"
+            v-model="answers[question.id].values"
+            @input="answers[question.id].values = $event"
           />
           <Scale
-              v-if="question.question_type === 3"
-              :min="question.min_value"
-              :max="question.max_value"
-              :minLabel="question.min_label"
-              :maxLabel="question.max_label"
-              :isRequired="question.required"
-              v-model="answers[question.id].value"
-              @input="answers[question.id].value = $event"
+            v-if="question.question_type === 3"
+            :min="question.min_value"
+            :max="question.max_value"
+            :minLabel="question.min_label"
+            :maxLabel="question.max_label"
+            :isRequired="question.required"
+            v-model="answers[question.id].value"
+            @input="answers[question.id].value = $event"
           />
         </div>
-        <button type="submit" v-if="currentPageNumber === pageCount - 1">
-          Отправить
-        </button>
+        <button type="submit" v-if="currentPageNumber === pageCount - 1">Отправить</button>
         <button type="submit" v-else>Дальше</button>
       </form>
     </div>