Add format and pre-commit

Author: NovoManu

Makefile

@@ -36,3 +36,7 @@ install_template_dependencies:
 	npm ci
 
 install_dependencies: install_backend_dependencies install_frontend_dependencies install_template_dependencies
+
+format_frontend:
+	cd frontend && \
+	npm run format

frontend/package.json

@@ -6,7 +6,8 @@
     "build": "vite build",
     "preview": "vite preview --port 5050",
     "test:unit": "vitest --environment jsdom",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
+    "format": "npx pretty-quick"
   },
   "dependencies": {
     "lodash": "^4.17.21",

frontend/src/App.vue

@@ -1,11 +1,6 @@
 <template>
   <div class="main">
-    <img
-      :src="logo"
-      width="300"
-      height="47"
-      alt="VueWork"
-    />
+    <img :src="logo" width="300" height="47" alt="VueWork" />
     <h1>Добро пожаловать!</h1>
     <p>
       Это проект Vuework для обучения на профессиональном онлайн‑курсе<br />
@@ -15,7 +10,7 @@
 </template>
 
 <script setup>
-  import logo from '@/assets/img/logo.svg'
+import logo from "@/assets/img/logo.svg";
 </script>
 
 <style lang="scss">

node_modules/.bin/husky

@@ -0,0 +1,10 @@
+{
+  "devDependencies": {
+    "husky": "^8.0.3"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "pretty-quick --staged"
+    }
+  }
+}