From 6476afbfa0d38a889d19abb5b6d2a1e552ebe6a4 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 12 Jun 2021 12:27:21 +0100
Subject: [PATCH] Enables the user to add raw HTML and inline CSS into the
 footer, Re: #28

---
 docs/configuring.md                    | 2 +-
 src/components/PageStrcture/Footer.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/configuring.md b/docs/configuring.md
index 6e08c584..e6d4474c 100644
--- a/docs/configuring.md
+++ b/docs/configuring.md
@@ -29,7 +29,7 @@ All fields are optional, unless otherwise stated.
 **`title`** | `string` |  Required | Your dashboard title, displayed in the header and browser tab
 **`description`** | `string` | _Optional_ | Description of your dashboard, also displayed as a subtitle
 **`navLinks`** | `array` | _Optional_ | Optional list of a maximum of 6 links, which will be displayed in the navigation bar. See [`navLinks`](#pageinfonavlinks-optional)
-**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content)
+**`footerText`** | `string` | _Optional_ | Text to display in the footer (note that this will override the default footer content). This can also include HTML and inline CSS
 
 #### `pageInfo.navLinks` _(optional)_
 
diff --git a/src/components/PageStrcture/Footer.vue b/src/components/PageStrcture/Footer.vue
index a5b0b407..3debd4f6 100644
--- a/src/components/PageStrcture/Footer.vue
+++ b/src/components/PageStrcture/Footer.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- User Footer -->
-  <footer v-if="text && text !== ''">{{text}}</footer>
+  <footer v-if="text && text !== ''" v-html="text"></footer>
   <!-- Default Footer -->
   <footer v-else>
       Developed by <a :href="authorUrl">{{authorName}}</a>.
@@ -14,6 +14,7 @@
 export default {
   name: 'Footer',
   props: {
+    text: String,
     authorName: { type: String, default: 'Alicia Sykes' },
     authorUrl: { type: String, default: 'https://aliciasykes.com' },
     license: { type: String, default: 'MIT' },
@@ -21,7 +22,6 @@ export default {
     date: { type: String, default: `${new Date().getFullYear()}` },
     showCopyright: { type: Boolean, default: true },
     repoUrl: { type: String, default: 'https://github.com/lissy93/dashy' },
-    text: String,
   },
 };
 </script>