init

.env.example

@@ -0,0 +1 @@
+VITE_BACKEND_URL=http://127.0.0.1:4000

.eslintrc.cjs

@@ -0,0 +1,22 @@
+module.exports = {
+	root: true,
+	parser: '@babel/eslint-parser',
+	extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'plugin:tailwindcss/recommended'],
+	rules: {
+		'vue/no-unused-vars': 'warn',
+		"no-unused-vars": "warn",
+		'tailwindcss/no-custom-classname': 0,
+		'padding-line-between-statements': [
+			'error',
+			{ blankLine: 'always', prev: 'function', next: 'function' },
+			// { "blankLine": "always", "prev": "function", "next": "block" },
+			// { "blankLine": "always", "prev": "block", "next": "function" },
+		],
+	},
+	overrides: [
+		{
+			files: ['*.vue'],
+			parser: 'vue-eslint-parser',
+		},
+	],
+};

.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

.github/workflows/deploy.yml

@@ -0,0 +1,48 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - master
+
+env:
+  DEPLOY_PATH: ${{ secrets.PROJECT_PATH }}
+  BUILD_SCRIPT: pnpm build
+  BUILD_SCRIPT_OUTPUT: dist
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      # Делаем checkout текущей ветки
+      - uses: actions/checkout@v2
+      # Устанавливаем Node.JS для сборки приложения
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '18'
+      # Устанавливаем pnpm
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 7.26.2
+      # Устанавливаем зависимости для сборки
+      - name: Install Dependencies
+        run: pnpm i
+      # Устанавливаем env
+      - name: Install env
+        run: echo ${{ secrets.ENV_FILE }} > .env.production
+      # Собираем приложение
+      - name: Build Appliction
+        run: $BUILD_SCRIPT
+      # Доставляем собранное приложение на сервер
+      - name: Deploy to Server
+        uses: appleboy/scp-action@master
+        with:
+          host: ${{ secrets.HOST }}
+          port: ${{ secrets.PORT }}
+          username: ${{ secrets.USERNAME }}
+          key: ${{ secrets.SSHKEY }}
+          source: ${{ env.BUILD_SCRIPT_OUTPUT }}
+          target: /${{ env.DEPLOY_PATH }}
+          strip_components: 1
+      - name: Print Info
+        run: echo "Deployed at hosting/"

.gitignore

@@ -0,0 +1,33 @@
+coverage
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# local env files
+.env
+.env.local
+.env.development
+.env.production
+.env.*.local

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "useTabs": true,
+    "singleQuote": true,
+    "printWidth": 120,
+    "bracketSameLine": true
+}

README.md

@@ -0,0 +1,58 @@
+# Library App
+
+## Introduction
+
+Welcome to the Library App - a modern, fast, and responsive web application built with Vue3, Vite, and Tailwind CSS. This project is designed to provide a seamless experience for managing and browsing a collection of books.
+
+## Features
+
+- **Vue 3**: Utilizes the latest Vue framework for a reactive and component-driven UI.
+- **Vite**: Employs Vite for efficient and fast development builds.
+- **Tailwind CSS**: Leverages Tailwind for a utility-first approach to styling.
+- **Responsive Design**: Fully responsive interface that adapts to various screen sizes.
+
+## Installation
+
+To get started with the Library App, follow these steps:
+
+### 1. Clone the repository:
+
+```bash
+git clone https://github.com/ufaboy/lib-vue.git
+```
+
+### 2. Navigate to the project directory:
+
+```bash
+cd lib-vue
+```
+
+### 3. Install dependencies:
+
+```bash
+pnpm install
+```
+
+### 4. Run the development server:
+
+```bash
+pnpm dev
+```
+
+### 5. Usage
+
+After running the development server, navigate to http://localhost:5173 in your web browser to view the app.
+
+### 6. Contributing
+
+Contributions to the Library App are welcome! Please read our Contributing Guidelines for more information.
+
+### 7. License
+
+This project is licensed under the MIT License.
+
+### 8. Contact
+
+For any queries or suggestions, feel free to contact Your Name.
+
+Project maintained by https://github.com/ufaboy

book_template.html

@@ -0,0 +1,52 @@
+<section class="toc">
+<h1 class="book-name"></h1>
+<span style="display:none;"></span>
+</section>
+<section id="chapter_1" class="chapter">
+<h2 class="chapter-header">Chapter I</h2>
+</section>
+<section id="chapter_2" class="chapter">
+<h2 class="chapter-header">Chapter II</h2>
+</section>
+<section id="chapter_3" class="chapter">
+<h2 class="chapter-header">Chapter III</h2>
+</section>
+<section id="chapter_4" class="chapter">
+<h2 class="chapter-header">Chapter IV</h2>
+</section>
+<section id="chapter_5" class="chapter">
+<h2 class="chapter-header">Chapter V</h2>
+</section>
+<section id="chapter_6" class="chapter">
+<h2 class="chapter-header">Chapter VI</h2>
+</section>
+<section id="chapter_7" class="chapter">
+<h2 class="chapter-header">Chapter VII</h2>
+</section>
+<section id="chapter_8" class="chapter">
+<h2 class="chapter-header">Chapter VIII</h2>
+</section>
+<section id="chapter_9" class="chapter">
+<h2 class="chapter-header">Chapter IX</h2>
+</section>
+<section id="chapter_10" class="chapter">
+<h2 class="chapter-header">Chapter X</h2>
+</section>
+
+I, II, III, IV, V, VI, VII, VIII, IX, X
+XI, XII, XIII, XIV, XV, XVI, XVII, XVIII, XIX, XX
+
+<hr>
+<h3>* * *</h3>
+<hr>
+
+<h3></h3>
+
+<ul>
+<li></li>
+</ul>
+
+style="height: 350px; width: auto"
+
+<blockquote></blockquote>
+

index.d.ts

@@ -0,0 +1 @@
+declare module 'typograf';

index.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full scroll-smooth dark:bg-gray-900 dark:text-white">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <link rel="icon" href="/favicon.ico" sizes="32x32" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="manifest" href="/manifest.webmanifest" />
+    <meta name="theme-color" content="#1f2937" />
+    <script>
+      if (
+        localStorage.theme === 'dark' ||
+        (!('theme' in localStorage) &&
+          window.matchMedia('(prefers-color-scheme: dark)').matches)
+      ) {
+        document.documentElement.classList.add('dark');
+      } else {
+        document.documentElement.classList.remove('dark');
+      }
+    </script>
+    <title>Library</title>
+  </head>
+  <body class="h-full dark:bg-gray-900 dark:text-white">
+    <div id="app" class="h-full"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,46 @@
+{
+  "name": "lib-vue",
+  "private": true,
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "coverage": "vitest run --coverage",
+    "lint": "eslint ./src",
+    "lint:debug": "eslint ./src --debug",
+    "lint:fix": "eslint ./src --fix"
+  },
+  "dependencies": {
+    "pinia": "^2.1.7",
+    "typograf": "^7.3.0",
+    "vue": "^3.4.3",
+    "vue-router": "^4.2.5"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.7",
+    "@babel/eslint-parser": "^7.23.3",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vitest/coverage-v8": "^0.33.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/test-utils": "^2.4.3",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.56.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-tailwindcss": "^3.13.1",
+    "eslint-plugin-vue": "^9.19.2",
+    "happy-dom": "^10.11.2",
+    "msw": "^1.3.2",
+    "postcss": "^8.4.32",
+    "prettier": "3.1.1",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10",
+    "vite-plugin-pwa": "^0.16.7",
+    "vitest": "^0.32.4",
+    "vue-eslint-parser": "^9.3.2",
+    "vue-tsc": "^1.8.27"
+  }
+}