<commit_before><template>

  <div>
    <nav class="nav" role="navigation" aria-label="You are here:">
      <span class="learn-bread" v-if="pageName === allPageNames.LEARN_CONTENT">
        <first-bread :breadlink=learnRoot breadtext="Learn"></first-bread>
      </span>

      <span class="explore-bread" v-if="!isRoot && pageName === allPageNames.EXPLORE_CHANNEL">
        <first-bread :showarrow='false' :breadlink=exploreRoot breadtext="Explore"></first-bread>
      </span>

      <span class="portrait-only" v-if="!isRoot && pageName === allPageNames.EXPLORE_CHANNEL">
        <first-bread :breadlink=PortraitOnlyParentLink></first-bread>
      </span>

      <span v-if="pageName === allPageNames.EXPLORE_CONTENT">
        <first-bread :breadlink=parentLink></first-bread>
      </span>

      <span class="middle-bread explore-bread" v-if="pageMode === allPageMode.EXPLORE" v-for="crumb in crumbs">
        <a v-link="crumbLink(crumb.id)">{{ crumb.title }}</a>
      </span>
    </nav>
  </div>

</template>


<script>

  const PageNames = require('../../state/constants').PageNames;
  const PageModes = require('../../state/constants').PageModes;
  const getters = require('../../state/getters');

  module.exports = {
    components: {
      'first-bread': require('./back-bread'),
    },
    computed: {
      allPageMode() {
        return PageModes;
      },
      allPageNames() {
        return PageNames;
      },
      learnRoot() {
        return { name: PageNames.LEARN_ROOT };<commit_msg>Added quotes ("") around method/function name<commit_after><template>

  <div>
    <nav class="nav" role="navigation" aria-label="You are here:">
      <span class="learn-bread" v-if="pageName === allPageNames.LEARN_CONTENT">
        <first-bread :breadlink="learnRoot" breadtext="Learn"></first-bread>
      </span>

      <span class="explore-bread" v-if="!isRoot && pageName === allPageNames.EXPLORE_CHANNEL">
        <first-bread :showarrow='false' :breadlink="exploreRoot" breadtext="Explore"></first-bread>
      </span>

      <span class="portrait-only" v-if="!isRoot && pageName === allPageNames.EXPLORE_CHANNEL">
        <first-bread :breadlink="PortraitOnlyParentLink"></first-bread>
      </span>

      <span v-if="pageName === allPageNames.EXPLORE_CONTENT">
        <first-bread :breadlink="parentLink"></first-bread>
      </span>

      <span class="middle-bread explore-bread" v-if="pageMode === allPageMode.EXPLORE" v-for="crumb in crumbs">
        <a v-link="crumbLink(crumb.id)">{{ crumb.title }}</a>
      </span>
    </nav>
  </div>

</template>


<script>

  const PageNames = require('../../state/constants').PageNames;
  const PageModes = require('../../state/constants').PageModes;
  const getters = require('../../state/getters');

  module.exports = {
    components: {
      'first-bread': require('./back-bread'),
    },
    computed: {
      allPageMode() {
        return PageModes;
      },
      allPageNames() {
        return PageNames;
      },
      learnRoot() {
        return { name: PageNames.LEARN_ROOT };
{'fraction_non_alphanumeric': 0.17964659685863874, 'fraction_numerical': 0.0, 'mean_word_length': 3.0490066225165564, 'pattern_counts': {'":': 0, '<': 57, '<?xml version=': 0, '>': 57, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '254288', 'n_tokens_mistral': 997, 'n_tokens_neox': 974, 'n_words': 166}