add version info

package.json

@@ -4,9 +4,11 @@
   "version": "0.0.1",
   "scripts": {
     "lint": "standard",
-    "dev": "npm run build-svg && run-p --race build-sass-watch serve",
+    "dev": "run-s build-svg serve-dev",
+    "serve-dev": "run-p --race build-sass-watch serve",
     "serve": "node server.js",
-    "build": "npm run globalize-css && npm run build-sass && npm run build-svg && sapper build && npm run deglobalize-css",
+    "build": "run-s globalize-css build-sass build-svg sapper-build deglobalize-css",
+    "sapper-build": "sapper build",
     "start": "cross-env NODE_ENV=production node server.js",
     "build-and-start": "run-s build start",
     "build-svg": "node ./bin/build-svg.js",

routes/_pages/settings/about.html

@@ -1,6 +1,8 @@
 <SettingsLayout page='settings/about' label="About Pinafore">
   <h1>About Pinafore</h1>
 
+  <h2>Version {{version}}</h2>
+
   <p>
     Pinafore is <ExternalLink href="https://github.com/nolanlawson/pinafore">free and open-source software</ExternalLink>
     created by <ExternalLink href="https://nolanlawson.com">Nolan Lawson</ExternalLink> and distributed under the
@@ -15,10 +17,15 @@
   import SettingsLayout from '../../_components/settings/SettingsLayout.html'
   import ExternalLink from '../../_components/ExternalLink.html'
 
+  import { version } from '../../../package.json'
+
   export default {
     components: {
       SettingsLayout,
       ExternalLink
-    }
+    },
+    data: () => ({
+      version
+    })
   };
 </script>