Commit from GitHub Actions (Build on push)

tentjs · May 11, 2024 · 82f8bb7 · 82f8bb7
1 parent 2c92605
commit 82f8bb7
Show file tree

Hide file tree

Showing 15 changed files with 19 additions and 5 deletions.
diff --git a/docs/attributes.c38d8647.js.map b/docs/attributes.c38d8647.js.map
diff --git a/docs/attributes.c38d8647.js → docs/attributes.de6a3fca.js b/docs/attributes.c38d8647.js → docs/attributes.de6a3fca.js
diff --git a/docs/attributes.de6a3fca.js.map b/docs/attributes.de6a3fca.js.map
diff --git a/docs/attributes.html b/docs/attributes.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Pass data to component | Cookbook | ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&amp;display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe" msg="Hello World!"><a class="go-back" href="index.html">back</a><h1>Pass data to component</h1><p>Passing data to the component via attributes. Also known as "props". But, since they are just attributes, why not call them that.</p><p>This is useful if your web page is server-rendered and you want to pass some data to the component.</p><p>This is recommended compared to fetching the same data via a HTTP request in `mounted`, which would be less effective, and could cause some glitching when rendering.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/attributes.ts">[source]</a></p><hr></div><script type="module" src="attributes.c38d8647.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>
+<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Pass data to component | Cookbook | ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&amp;display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe" msg="Hello World!"><a class="go-back" href="index.html">back</a><h1>Pass data to component</h1><p>Passing data to the component via attributes. Also known as "props". But, since they are just attributes, why not call them that.</p><p>This is useful if your web page is server-rendered and you want to pass some data to the component.</p><p>This is recommended compared to fetching the same data via a HTTP request in `mounted`, which would be less effective, and could cause some glitching when rendering.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/attributes.ts">[source]</a></p><hr></div><script type="module" src="attributes.de6a3fca.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>
diff --git a/docs/checkbox.02f23ec5.css b/docs/checkbox.02f23ec5.css
diff --git a/docs/checkbox.02f23ec5.css.map b/docs/checkbox.02f23ec5.css.map
diff --git a/docs/checkbox.3864988b.js b/docs/checkbox.3864988b.js
diff --git a/docs/checkbox.3864988b.js.map b/docs/checkbox.3864988b.js.map
diff --git a/docs/checkbox.html b/docs/checkbox.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="checkbox.02f23ec5.css"><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Checkbox | Cookbook | ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&amp;display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe"><a class="go-back" href="index.html">back</a><h1>A checkbox</h1><p>Just checking.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/checkbox.ts">[source]</a></p><hr></div><script type="module" src="checkbox.3864988b.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>⛺ Tent Cookbook</title><style>.container{max-width:400px;margin:0 auto}h1{text-align:center;margin-top:128px;margin-bottom:60px}ul{flex-direction:column;gap:4px;display:flex}</style><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&amp;display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="container"><h1>⛺ Tent</h1><h2>Cookbook</h2><p>This is the official cookbook for Tent. It's purpose is to showcase how Tent was intended to be used. As a "best practice" guide.</p><p>Each recipe will have the <em>minimal</em> styling required, and is written in Typescript which is <strong>not</strong> a requirement.</p><hr><h3>Recipes</h3><ul><li><a href="counter.html">A simple counter</a></li><li><a href="todo.html">The classic To-do list</a></li><li><a href="attributes.html">Pass data to component</a></li><li><a href="async-list.html">Fetch data from API</a></li><li><a href="storage.html">Use session-/local storage</a></li></ul><h3>Components</h3><ul><li><a href="dropdown.html">Dropdown</a></li><li><a href="tabs.html">Tabs</a></li><li><a href="accordion.html">Accordion</a></li><li><a href="modal.html">Modal</a></li><li><a href="label.html">Label</a></li><li><a href="avatar.html">Avatar</a></li></ul></div></body><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></html>
+<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>⛺ Tent Cookbook</title><style>.container{max-width:400px;margin:0 auto}h1{text-align:center;margin-top:128px;margin-bottom:60px}ul{flex-direction:column;gap:4px;display:flex}</style><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&amp;display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="container"><h1>⛺ Tent</h1><h2>Cookbook</h2><p>This is the official cookbook for Tent. It's purpose is to showcase how Tent was intended to be used. As a "best practice" guide.</p><p>Each recipe will have the <em>minimal</em> styling required, and is written in Typescript which is <strong>not</strong> a requirement.</p><hr><h3>Recipes</h3><ul><li><a href="counter.html">A simple counter</a></li><li><a href="todo.html">The classic To-do list</a></li><li><a href="attributes.html">Pass data to component</a></li><li><a href="async-list.html">Fetch data from API</a></li><li><a href="storage.html">Use session-/local storage</a></li></ul><h3>Components</h3><ul><li><a href="dropdown.html">Dropdown</a></li><li><a href="tabs.html">Tabs</a></li><li><a href="accordion.html">Accordion</a></li><li><a href="modal.html">Modal</a></li><li><a href="label.html">Label</a></li><li><a href="avatar.html">Avatar</a></li><li><a href="checkbox.html">Checkbox</a></li><li><a href="radio.html">Radio</a></li></ul></div></body><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></html>
diff --git a/docs/radio.3cccbce4.css b/docs/radio.3cccbce4.css
diff --git a/docs/radio.3cccbce4.css.map b/docs/radio.3cccbce4.css.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Pass data to component \| Cookbook \| ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe" msg="Hello World!"><a class="go-back" href="index.html">back</a><h1>Pass data to component</h1><p>Passing data to the component via attributes. Also known as "props". But, since they are just attributes, why not call them that.</p><p>This is useful if your web page is server-rendered and you want to pass some data to the component.</p><p>This is recommended compared to fetching the same data via a HTTP request in `mounted`, which would be less effective, and could cause some glitching when rendering.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/attributes.ts">[source]</a></p><hr></div><script type="module" src="attributes.c38d8647.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>
		<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Pass data to component \| Cookbook \| ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe" msg="Hello World!"><a class="go-back" href="index.html">back</a><h1>Pass data to component</h1><p>Passing data to the component via attributes. Also known as "props". But, since they are just attributes, why not call them that.</p><p>This is useful if your web page is server-rendered and you want to pass some data to the component.</p><p>This is recommended compared to fetching the same data via a HTTP request in `mounted`, which would be less effective, and could cause some glitching when rendering.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/attributes.ts">[source]</a></p><hr></div><script type="module" src="attributes.de6a3fca.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="en"><head><link rel="stylesheet" href="checkbox.02f23ec5.css"><link rel="stylesheet" href="accordion.f00f5cc1.css"><title>Checkbox \| Cookbook \| ⛺ Tent</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;0,900;1,400&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"></head><body><div class="recipe"><a class="go-back" href="index.html">back</a><h1>A checkbox</h1><p>Just checking.</p><p><a href="https://github.com/tentjs/cookbook/tree/main/src/components/checkbox.ts">[source]</a></p><hr></div><script type="module" src="checkbox.3864988b.js"></script><div class="footer">with 🧡 and <a href="https://github.com/tentjs/tent">⛺ Tent</a></div></body></html>