Merge pull request #59 from nblackburn/feature/config

Global config

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@nblackburn/website",
     "private": true,
-    "version": "1.9.1",
+    "version": "1.10.0",
     "scripts": {
         "start": "astro dev",
         "build": "astro build",

src/components/footer.vue

@@ -13,7 +13,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import * as styles from './footer.css';
-import { version } from '@app/package.json';
+import { version } from '@root/package.json';
 
 export default defineComponent({
     setup() {

src/components/header.vue

@@ -11,11 +11,11 @@
 </template>
 
 <script lang="ts">
+import { nav } from '@config/nav';
 import { defineComponent } from 'vue';
 import * as styles from './header.css';
 import Logo from '@components/logo.vue';
 import Link from '@components/link.vue';
-import { nav } from '@app/src/config/nav';
 import Navbar from '@components/navBar.vue';
 import AccentBar from '@components/accentBar.vue';
 

src/components/link.vue

@@ -1,4 +1,5 @@
 <script lang="ts">
+import config from '@app/config';
 import { h, defineComponent } from 'vue';
 import { isExternalLink, buildRefLink } from '@utilities/refLink';
 
@@ -10,7 +11,7 @@ export default defineComponent({
 
         ref: {
             type: String,
-            default: 'nblackburn.uk'
+            default: config.seo.ref
         }
     },
 

src/config.ts

@@ -0,0 +1,35 @@
+import { defaultPalette } from '@styles/palettes.css';
+
+type PaletteConfig = {
+    default: string;
+};
+
+type SEOConfig = {
+    ref: string;
+};
+
+type PaginationConfig = {
+    limit: number;
+};
+
+interface Config {
+    seo: SEOConfig;
+    palette: PaletteConfig;
+    pagination: PaginationConfig;
+}
+
+const config: Config = {
+    seo: {
+        ref: 'nblackburn.uk'
+    },
+
+    pagination: {
+        limit: 4
+    },
+
+    palette: {
+        default: defaultPalette
+    }
+};
+
+export default config;

src/pages/projects/[...page].astro

@@ -1,4 +1,5 @@
 ---
+import config from '@app/config';
 import Link from '@components/link.vue';
 import PageLayout from '@layouts/page.astro';
 import { GetStaticPaths, Page } from 'astro';
@@ -37,7 +38,7 @@ export const getStaticPaths: GetStaticPaths = async ({ paginate }) => {
         };
     });
 
-    return paginate(mappedProjects, { pageSize: 4 });
+    return paginate(mappedProjects, { pageSize: config.pagination.limit });
 };
 
 const title = 'Projects';

src/utilities/paletteManager.ts

@@ -1,7 +1,7 @@
+import config from '@app/config';
 import { getDate, getMonth } from 'date-fns';
 import {
     paletteClasses,
-    defaultPalette,
     christmasPalette,
     halloweenPalette
 } from '@styles/palettes.css';
@@ -19,7 +19,7 @@ export const getActivePalette = (): string => {
         return christmasPalette;
     }
 
-    return defaultPalette;
+    return config.palette.default;
 };
 
 export const getAppliedPalettes = (element: HTMLElement): string[] => {

tsconfig.json

@@ -14,7 +14,8 @@
         "types": ["@astrojs/image/client"],
         "jsx": "preserve",
         "paths": {
-            "@app/*": ["*"],
+            "@root/*": ["*"],
+            "@app/*": ["src/*"],
             "@config/*": ["src/config/*"],
             "@styles/*": ["src/styles/*"],
             "@assets/*": ["src/assets/*"],