Adding support for custom links target

[github/bastienwirtz/homer.git] / index.html
diff --git a/index.html b/index.html

index d5aebd30e64dbb05cfbcc1bd54fcf0d70062a260..2d88daa1f434120321c26d68a53ca94944f4b251 100644 (file)
--- a/index.html
+++ b/index.html
@@ -14,10 +14,7 @@
  </head>
  
  <body>
-  <div id="app" v-if="config" :class="{
-    'is-dark': overrideDark === true,
-    'is-light': overrideDark === false
-  }">
+  <div id="app" v-if="config" :class="[isDark ? 'is-dark' : 'is-light']">
      <div id="bighead">
        <section class="first-line">
          <div v-cloak class="container">
@@ -36,7 +33,7 @@
            <div class="container">
              <div class="navbar-menu">
                <div class="navbar-start">
-                <a v-for="link in config.links" class="navbar-item" :href="link.url">
+                <a v-for="link in config.links" class="navbar-item" :href="link.url" :target="link.target">
                    <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i>
                    {{ link.name }}
                  </a>
@@ -47,7 +44,7 @@
                      aria-label="Toggle dark mode"
                      ><i class="fas fa-adjust"></i>
                  </a>
-                <a v-on:click="vlayout = !vlayout" class="icon-button navbar-item"><i
+                <a v-on:click="toggleLayout()" class="icon-button navbar-item"><i
                      :class="['fas', vlayout ? 'fa-list' : 'fa-columns']"></i></a>
                  <div class="search-bar">
                    <label for="search" class="search-label"></label>