diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-09-02 18:05:38 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2023-09-02 18:06:30 +0300 |
| commit | 8638ba00e04675cca212b27e088e5464a63a1e64 (patch) | |
| tree | 3c6fb2150da81feff5052e86c3da1e4a0287b7db /www/docs/B0-js.md | |
| parent | 19c5287dd15b8ecce0f4faa14922c921d3a17671 (diff) | |
| download | missing-8638ba00e04675cca212b27e088e5464a63a1e64.tar.gz missing-8638ba00e04675cca212b27e088e5464a63a1e64.zip | |
migrate website to vento
Diffstat (limited to 'www/docs/B0-js.md')
| -rw-r--r-- | www/docs/B0-js.md | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/www/docs/B0-js.md b/www/docs/B0-js.md index 34bc8ed..fa6967d 100644 --- a/www/docs/B0-js.md +++ b/www/docs/B0-js.md @@ -1,17 +1,17 @@ --- title: JS url: ./js/ -templateEngine: eta,md +templateEngine: [vto, md] --- # Missing.js Missing.js is a JavaScript library implementing common UI patterns. -<% const version = filters.sortSemVer( - search.pages("release"), - page => page.data.release, - ).at(-1).data.release; %> +{{ set version = search.pages("release") + |> map(rel => rel.data.release) + |> sortSemVer + |> at(-1) }} ## Tabs @@ -25,7 +25,7 @@ Behavior will be added automatically. <figure> ~~~ html - <script type="module" src="https://unpkg.com/missing.css@<%= version %>/dist/missing-js/tabs.js"> + <script type="module" src="https://unpkg.com/missing.css@{{ version }}/js/tabs.js"> ~~~ </figure> @@ -48,7 +48,7 @@ For dynamically inserted content: initialize it as such: <figure> ~~~ js - import tabs from "https://the.missing.style/v<%= version %>/missing-js/tabs.js"; + import tabs from "https://unpkg.com/missing.css@{{ version }}/js/tabs.js"; // ... insert some content ... tabs(theContentIJustInserted); ~~~ @@ -72,15 +72,17 @@ _See [ARIA § menu](/docs/aria/#menu)_ <figure> ~~~ html - <script type="module" src="https://the.missing.style/v<%= version %>/missing-js/menu.js"> + <script type="module" src="https://unpkg.com/missing.css@{{ version }}/js/menu.js"> ~~~ +</figure> + or <figure> ~~~js - import { menu, menuButton } from "https://the.missing.style/v<%= version %>/missing-js/menu.js"; + import { menu, menuButton } from "https://unpkg.com/missing.css@{{ version }}/js/menu.js"; ~~~ </figure> @@ -95,7 +97,7 @@ _See [Components § Navbar](/docs/components/#navbar)_ <figure> ~~~ html - <script type="module" src="https://the.missing.style/v<%= version %>/missing-js/overflow-nav.js"> + <script type="module" src="https://unpkg.com/missing.css@{{ version }}/js/overflow-nav.js"> ~~~ </figure> |