Това хранилище съдържа кода на първата прототипна версия на https://destination.bg/. Работата по прототипа приключи и той беше показан пред широка публика с цел да се съберат мнения и да се покаже идеята на проекта. Разработката продължава в хранилището frontend-nuxt, където ще бъдат приложени промени по дизайна и функционалността на база получената обратна връзка от общността.

Благодаря на всички, които се включиха и разгледаха прототипа!

Кодът остава архивиран в GitHub и всеки фрагмент от него може да бъде преизползван за бъдещи разработки от всеки.

---

Including

• Server: Vite
• Framework and plugins: Vue 3 with Pinia 2, Vue Router 4, Vue I18n 9, and VeeValidate 4
• Style: Sass with PostCSS and Autoprefixer enabled
• Linters: ESlint for .json, .js & .vue files, Stylelint for .scss files
• Pre-commit hooks: Husky and lint-staged

---

Installation

Download and install the required packages and dependencies defined in the package.json file.

npm install
cp .env.example .env

Peek inside the .env file and make changes if needed.

---

Starting the Vite dev server

npm run dev

---

Creating a production build

npm run build

---

Linting code

npm run lint
npm run lint:fix
npm run lint:eslint
npm run lint:eslint:fix
npm run lint:stylelint
npm run lint:stylelint:fix

---

Recommended IDE Setup

VSCode with installed Vetur, Stylelint, Prettier and ESLint extensions.

Click here for more details.

Open your VSCode settings.json file (CTRL + SHIFT + P and Preferences: Open Settings (JSON)) and make sure to have these settings:

{
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "css.lint.duplicateProperties": "warning",
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true
  },
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "html.format.enable": false,
  "html.format.endWithNewline": true,
  "html.format.wrapLineLength": 0,
  "prettier.jsxSingleQuote": true,
  "prettier.printWidth": 120,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 4,
  "stylelint.snippet": ["css", "less", "postcss", "scss"],
  "stylelint.validate": ["css", "less", "postcss", "scss"],
  "typescript.updateImportsOnFileMove.enabled": "always",
  "vetur.experimental.templateInterpolationService": true,
  "vetur.format.options.tabSize": 4,
  "vetur.format.scriptInitialIndent": true,
  "vetur.format.styleInitialIndent": true,
  "vetur.validation.template": false
}

---

Upgrading npm dependencies

1. npx taze to see if some package has a new version.
2. npx taze minor -w to upgrade to minor versions.
3. npx taze major -w to upgrade to major versions.
4. npm install to install the upgraded versions.