Skip to content

README.md

Latest commit

 

History

History
81 lines (56 loc) · 1.78 KB

README.md

File metadata and controls

81 lines (56 loc) · 1.78 KB

Sprinkle(Lume + Spræ) deno.land/x/sprinkle

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.