<template>
  <div class="x-header">
    <header>
      <a href="javascript:history.back();"> <img src="../assets/书库-返回.png"> </a>
      <slot>
        <span>{{$route.meta.Chinese}}</span>
      </slot>
      <router-link :to="home"
                   v-if="!hidden_reader_menus"><img src="../assets/书库-首页.png"></router-link>
      <div v-else
           style="height: .35rem; width: .35rem"></div>
    </header>
    <hr style="border-color: #e9e9e9">
  </div>
</template>
<script>
import { BookCity } from "../view/namespace.js";
export default {
  name: "XHeader",
  data() {
    return {
      home: BookCity.route,
      hidden_reader_menus: window.options.hidden_reader_menus
    };
  }
};
</script>
