SvelteKit + Pug Template

Этот проект демонстрирует, как использовать Pug (ранее известный как Jade) в SvelteKit. Pug — это шаблонизатор, который позволяет писать более лаконичный и читаемый HTML-код. В этом проекте показано, как интегрировать Pug в SvelteKit и использовать его для создания компонентов и страниц.

🚀 Быстрый старт

1. Клонируйте репозиторий:

   git clone https://github.com/ваш-username/ваш-репозиторий.git
   cd ваш-репозиторий
   

2. Установите зависимости:

   npm install
   

3. Запустите проект:

   npm run dev
   

4. Откройте в браузере: Перейдите по адресу http://localhost:5173.

🛠️ Настройка проекта Установка Pug Для использования Pug в SvelteKit необходимо установить svelte-preprocess и pug:

bash
npm install --save-dev svelte-preprocess pug

Конфигурация SvelteKit Настройте svelte.config.js для поддержки Pug:

import adapter from '@sveltejs/adapter-auto';
import { sveltePreprocess } from 'svelte-preprocess';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  kit: {
    adapter: adapter(),
  },
  preprocess: sveltePreprocess({
    pug: true, // Включаем поддержку Pug
  }),
};

export default config;

🎯 Использование Pug

1. Внутри .svelte файлов Вы можете использовать Pug внутри