Sprinkle(Lume + Spræ)

Full featured Spræ engine for Lume.

Usage

deno task lume --config=https://deno.land/x/sprinkle/config.ts

Included plugins
Sprinkle	Full featured Spræ engine for Lume.
ESbuild	Bundle JavaScript, TypeStript files using esbuild library.
Inline	Inline CSS, JavaScript, SVG and images in the HTML.
Minify HTML	Minify the HTML code of your pages.

see config.ts to read through the default configurations used.

From configuration

/** ./_config.ts **/

import site from "https://deno.land/x/sprinkle/config.ts"

site.add("main.js")

site.add("main.css")

As plugin

/** ./_config.ts **/

import site from "https://deno.land/x/sprinkle/sprinkle.ts"

site.use(sprinkle({
  options: {
    prefix: "::",
  },
}))

Layout

<!-- ./_layout.html -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>
  <body ::slot></body>
</html>

Components

<!-- ./_components/article.html -->

<article ::slot></article>

<footer>Article written by <span ::text="author"></span></footer>

<!-- ./blog.html -->

<template ::scope="{ author: 'me' }" ::for="article">
  <p>My awesome blog content.</p>
</template>

More documentation available at Lume documentation.