README.md

Editor Tooling

Editor support for Deserve, including syntax highlighting for Deserve View Engine (DVE) templates.

Table of Contents

• DVE (Deserve View Engine)
• Example: Use DVE in Deserve
  • Project Structure
  • 1) Add Templates
  • 2) Configure Router
  • 3) Render in a Route
• Syntax Highlighting (Cursor / VS Code)

DVE (Deserve View Engine)

DVE is Deserve's built-in view engine for rendering .dve templates.

Example: Use DVE in Deserve

Project Structure

.
├── main.ts
├── routes/
│   └── index.ts
└── views/
    ├── index.dve
    └── partials/
        └── header.dve

1) Add Templates

Create views/index.dve:

{{> partials/header.dve}}
Hello {{ user?.name ?? 'Guest' }}.

Create views/partials/header.dve:

<h1>Welcome</h1>

2) Configure Router

Enable DVE by setting viewsDir when you create the router.

import { Router } from '@neabyte/deserve'

const router = new Router({
  routesDir: './routes',
  viewsDir: './views'
})

await router.serve(8000)

3) Render in a Route

Create routes/index.ts:

import type { Context } from '@neabyte/deserve'

export async function GET(ctx: Context) {
  return await ctx.render('index', { user: { name: 'Nea' } })
}

Now run your server and open http://localhost:8000.

Syntax Highlighting (Cursor / VS Code)

• DVE syntax reference: See editor/dve/README.md