♻️ refactor(config): Refactor configuration helper

Signed-off-by: sqrtthree <[email protected]>

Author: sqrtthree

Layout.vue

@@ -97,5 +97,6 @@ export default {
 }
 </script>
 
-<style src="prismjs/themes/prism-tomorrow.css"></style>
+<style src="prismjs/themes/prism-tomorrow.css">
+</style>
 <style src="./styles/theme.styl" lang="stylus"></style>

config.js

@@ -0,0 +1,30 @@
+const hasValue = target => target !== undefined && target !== null
+
+const getWithPath = (object, path) => {
+  const p = path.split('.')
+  const length = p.length
+  let index = 0
+
+  while (hasValue(object) && index < length) {
+    object = object[p[index++]]
+  }
+
+  return index && index === length ? object : undefined
+}
+
+const get = ($site, name, locale) => {
+  if (locale) {
+    return (
+      getWithPath($site, `themeConfig.locales.${locale}.${name}`) ||
+      getWithPath($site, `themeConfig.${name}`) ||
+      getWithPath($site, `locales.${locale}.${name}`) ||
+      $site[name]
+    )
+  }
+
+  return getWithPath($site, `themeConfig.${name}`) || $site[name]
+}
+
+export default {
+  get,
+}

utils.js

@@ -1,3 +1,5 @@
+import config from './config'
+
 const isHomePage = (path, base) => {
   return path === base
 }
@@ -99,12 +101,7 @@ export function resolveSidebarItems($page, $site, $localePath) {
     }
   }
 
-  const sidebarConfig =
-    themeConfig.locales &&
-    themeConfig.locales[$localePath] &&
-    themeConfig.locales[$localePath].sidebar
-      ? themeConfig.locales[$localePath].sidebar
-      : themeConfig.sidebar
+  const sidebarConfig = config.get($site, 'sidebar', $localePath)
 
   if (sidebarConfig) {
     return Object.assign(sidebars, sidebarConfig)