Added dynamic favicon configuration. (#22)

auroral-ui · Apr 4, 2021 · d986989 · d986989
1 parent d575691
commit d986989
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/_config.yml b/_config.yml
@@ -60,6 +60,7 @@ socials:
 #! ---------------------------------------------------------------
 site_meta:
   cdn: cn
+  favicon:
 
 #! ---------------------------------------------------------------
 #! Plugins

diff --git a/src/App.vue b/src/App.vue
@@ -74,14 +74,26 @@ export default defineComponent({
       initResizeEvent()
       await appStore.fetchConfig().then(() => {
         metaStore.addScripts(appStore.themeConfig.site_meta.cdn.prismjs)
+        // Change the favicon dynamically.
+        if (appStore.themeConfig.site_meta.favicon !== '') {
+          const link = document.querySelector("link[rel~='icon']")
+          if (link)
+            link.setAttribute('href', appStore.themeConfig.site_meta.favicon)
+        }
       })
     }
 
     const copyEventHandler = (event: any) => {
       const pagelink = `\n\nRead more at: ${document.location.href}`
-      if (event.clipboardData) {
-        event.clipboardData.setData('text', document.getSelection() + pagelink)
-        event.preventDefault()
+
+      if (document.getSelection() instanceof Selection) {
+        if (document.getSelection()?.toString() !== '' && event.clipboardData) {
+          event.clipboardData.setData(
+            'text',
+            document.getSelection() + pagelink
+          )
+          event.preventDefault()
+        }
       }
     }
 

diff --git a/src/models/ThemeConfig.class.ts b/src/models/ThemeConfig.class.ts
@@ -344,6 +344,7 @@ export class SiteMeta {
     locale: 'en',
     prismjs: []
   }
+  favicon: string = ''
 
   /**
    * Model class for Site meta settings