Add versioning opinion

Author: zerodevx

README.md

@@ -2,10 +2,10 @@
 
 > Opinionated starter template for SvelteKit
 
-The Svelte-world is akin to the universes of
+Svelte-world is akin to the fiery aftermath when the universes of
 [Mad Max](https://en.wikipedia.org/wiki/Mad_Max:_Fury_Road) and
-[Split](<https://en.wikipedia.org/wiki/Split_(2016_American_film)>) collided - full of peril,
-violent sandstorms and new beginnings with a touch of disassociative personality disorder.
+[Split](<https://en.wikipedia.org/wiki/Split_(2016_American_film)>) collide - full of peril, violent
+sandstorms and new beginnings with a touch of disassociative personality disorder.
 
 To help navigate through this madness, just like how Moses parted the Red Sea, behold the emergence
 of this repo. Cue angels singing. The best way to describe this is it's like a brick-layer - but
@@ -16,19 +16,19 @@ So let's get started.
 
 ## Usage
 
-### Create Svelte
+### Step 1: Create Svelte
 
 Generate the base template using `create-svelte` with these recommended options:
 
-- [x] Skeleton project
+- [x] Skeleton or Library project
 - [x] JavaScript with JSDoc comments
-- [x] ESLint, Prettier and Playwight/Vitest
+- [x] Include ESLint, Prettier and Playwight
 
 ```
 $ npm create svelte@latest my-app
 ```
 
-### Run combo-patcher
+### Step 2: Run the combo-patcher
 
 Then, layer the patches based on the last-known SvelteKit decisions. This uses
 [zx](https://github.com/google/zx), so make sure that's installed.
@@ -37,7 +37,7 @@ Then, layer the patches based on the last-known SvelteKit decisions. This uses
 $ zx https://cdn.jsdelivr.net/gh/zerodevx/svelte-starter@2/index.mjs my-app
 ```
 
-### Update dependencies
+### Step 3: Update dependencies
 
 Finally, apply the finishing touches.
 
@@ -96,14 +96,22 @@ module.exports = {
 Seriously, don't use SSR unless you really need to. Installs `adapter-static` and adds sensible
 defaults.
 
-### Custom fonts
+### Versioning
+
+Use the `version` from `package.json` in SvelteKit's native versioning system, like so:
+
+```js
+import { version } from '$app/environment' // `version` string from `package.json`
+```
+
+### Fonts
 
 Use `@fontsource-variable` for self-hosted open-source fonts.
 
-### Custom icons
+### Icons
 
 Use `@iconify/tailwind` plugin for high-performance css-only icons. Apply icon classes using
-`icon-[{prefix}--{name}]`. Install icon sets at `@iconify-json/{name}`. Only icons you use will be
+`icon-[{prefix}--{name}]`. Install icon sets at `@iconify-json/{prefix}`. Only icons you use will be
 included in your build. Read more at
 [Iconify](https://github.com/iconify/iconify/tree/main/plugins/tailwind).
 

index.mjs

@@ -75,6 +75,17 @@ await spinner('add adapter-static', async () => {
   )
 })
 
+await spinner('add versioning', async () => {
+  await patchFiles(
+    path.join(name, 'svelte.config.js'),
+    [
+      `static';`,
+      `static';\nimport { readFileSync } from 'node:fs'\n\nconst { version: name } = JSON.parse(readFileSync(new URL('package.json', import.meta.url), 'utf8'))\n`
+    ],
+    [`adapter()`, `adapter(),version:{name}`]
+  )
+})
+
 await spinner('add fontsource', async () => {
   await patchPackage(name, '+@fontsource-variable/inter')
   await patchFiles(path.join(name, 'src', 'routes', '+layout.svelte'), [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerodevx/sveltekit-starter",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Opinionated starter template for SvelteKit",
   "author": "Jason Lee <[email protected]>",
   "scripts": {