vowel 0.1.30 → 0.1.33

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,73 @@
+---
+name: Bug report
+about: Report a bug to help improve Vowel.
+title: ""
+labels: "bug"
+assignees: "samlfair"
+---
+
+<!--
+  Thanks for taking the time to help build Vowel.
+  A well-detailed bug report helps us to solve the problem quickly.
+-->
+
+### Versions
+
+- vowel: <!-- eg: v0.1.32 -->
+- node: <!-- eg: v14.15.0 -->
+- os: <!-- eg: macOS 14.5 -->
+- browser: <!-- eg: Chrome 129 -->
+
+### Browser report
+
+<!--
+  Generate a browser report at https://www.whatsmybrowser.org/
+  Copy-paste a link to the report
+-->
+
+### Link to Stackblitz
+
+<!--
+  If possible, upload a reproduction to Stackblitz
+  and copy-paste the link here
+-->
+
+### Steps to reproduce
+
+<!-- eg: "Go to X and click on Y" -->
+
+### Expected behavior
+
+<!-- eg: "The image will appear below the headline" -->
+
+### Actual behavior
+
+<!-- eg: "The image appears above the headline" -->
+
+### Additional technologies
+
+<!-- List any other technologies you're using with Vowel -->
+
+### Screenshot
+
+<!-- If possible, include a screenshot of the issue -->
+
+### Errors from terminal
+
+<!-- If there are any error messages in the terminal, paste them here -->
+
+```
+
+```
+
+### Errors from browser console
+
+<!-- If there are any error message in the error console, paste them here -->
+
+```
+
+```
+
+### Additional comments
+
+<!-- Include any other relevent information -->

package/.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,7 @@
+contact_links:
+  - name: Vowel on Twitter
+    url: https://twitter.com/tryvowel
+    about: Get in touch with questions or ideas.
+  - name: Sam on Twitter
+    url: https://twitter.com/samlfair
+    about: Get in touch to chat.

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
+
+## 0.1.33 (2024-10-14)
+
+# Changelog
+
+All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.

package/README.md

@@ -3,18 +3,16 @@
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 
-The easiest way to code your own website.
+Vowel is the easiest way to code your own website.
 
 [Try it on StackBlitz](https://stackblitz.com/~/github.com/samlfair/vowel-site?file=home.md).
 
 Turn a folder of Markdown files into a website by running one command:
 
 ```
-npx -y -p svelte@next -p vowel@latest npx vowel
+npx vowel
 ```
 
-No installs. No config.
-
 Create a blog, a documentation site, a landing page, a wiki (whatever you want), using just Markdown and CSS.
 
 No HTML.

package/package.json

@@ -1,11 +1,22 @@
 {
 	"name": "vowel",
-	"version": "0.1.30",
+	"version": "0.1.33",
+	"homepage": "https://vowel.cc",
+	"author": "Sam Littlefair (https://littlefair.ca)",
+	"repository": {
+		"type": "git",
+		"url": "ssh://git@github.com/samlfair/vowel.git"
+	},
+	"engines": {
+		"node": "^20.0.0"
+	},
 	"bin": "./bin.js",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
 		"preview": "vite preview",
+		"release": "commit-and-tag-version",
+		"release:beta": "commit-and-tag-version ---prerelease beta",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
 		"lint": "prettier --check .",
@@ -20,6 +31,7 @@
 		"@sveltejs/vite-plugin-svelte": "^4.0.0-next.7",
 		"any-date-parser": "^1.5.4",
 		"change-case": "^5.4.1",
+		"commit-and-tag-version": "^12.4.4",
 		"filter-console": "^1.0.0",
 		"js-yaml": "^4.1.0",
 		"loading-cli": "^1.1.2",

package/src/lib/components/DefaultStyles.css

@@ -288,46 +288,46 @@ article.item dl.icon {
 }
 
 aside.alert.note {
-		--icon: 'ℹ️';
-		--rgb: 71, 139, 230;
-	}
+	--icon: 'ℹ️';
+	--rgb: 71, 139, 230;
+}
 
 aside.alert.tip {
-		--icon: '💡';
-		--rgb: 87, 171, 90;
-	}
+	--icon: '💡';
+	--rgb: 87, 171, 90;
+}
 
 aside.alert.important {
-		--icon: '💬';
-		--rgb: 152, 110, 226;
-	}
+	--icon: '💬';
+	--rgb: 152, 110, 226;
+}
 
 aside.alert.warning {
-		--icon: '⚠️';
-		--rgb: 198, 144, 38;
-	}
+	--icon: '⚠️';
+	--rgb: 198, 144, 38;
+}
 
 aside.alert.caution {
-		--icon: '⛔️';
-		--rgb: 229, 83, 75;
-	}
+	--icon: '⛔️';
+	--rgb: 229, 83, 75;
+}
 
 aside.alert {
 	border-left: 3px solid rgb(var(--rgb));
 	padding: 1.5rem 2rem;
 	background: rgba(var(--rgb), 0.04);
+}
 
-	h2 {
-		color: rgb(var(--rgb));
-	}
+aside.alert h2 {
+	color: rgb(var(--rgb));
+}
 
-	h2:before {
-		font-size: 0.8em;
-		margin-right: 0.7rem;
-		opacity: 0.9;
-	}
+aside.alert h2:before {
+	font-size: 0.8em;
+	margin-right: 0.7rem;
+	opacity: 0.9;
+}
 
-	h2:before {
-		content: var(--icon);
-	}
+aside.alert h2:before {
+	content: var(--icon);
 }

package/src/routes/[...path]/+page.svelte

@@ -23,7 +23,10 @@
 		default: DefaultStyles
 	};
 
-	let { data } = $props();
+	// propData is a workaround due to a seeming bug in Svelte
+	let { data: propData } = $props();
+
+	const data = $state(JSON.parse(JSON.stringify(propData, null, 2)))
 
 	const { website, folderName } = $derived(data);