<commit_before><template>
  <div id="footer">
    <hr />
    <div class="container-fluid">
      <div class="row justify-content-between">
        <div class="col-md-6">
          <p>{{ $t('footer.statDate', { date: $d(statsDate) }) }}
          (<router-link :to="{ name: 'status'}">{{ $t('footer.statLink') }}</router-link>)</p>
        </div>
        <div class="col-md-6">
          <p>{{ $t('footer.poweredBy') }}
            <a href="https://github.com/Wikidata/Wikidata-Toolkit">Wikidata toolkit</a> &amp;
            <a href="https://query.wikidata.org/">Wikidata SPARQL Query</a>
          </p>
          <i18n path="footer.sourceCode" tag="p">
            <a href="https://github.com/Wikidata/SQID">Github</a>
          </i18n>
        </div>
      </div>
    </div>
  </div>
</template>

<style>
#footer {
 text-align: center;
}
</style>

<script lang="ts">
import { Component, Watch, Vue } from 'vue-property-decorator'
import { Action, Getter, namespace } from 'vuex-class'

const statistics = namespace('statistics')

@Component
export default class AppFooter extends Vue {
  @statistics.Getter('dumpTimestamp') private statsDate!: number
  @statistics.Action('refresh') private refreshStatistics!: any
  @Action private setCurrentTranslation!: any

  @Watch('$route')
  private onRouteChanged() {
    this.refreshStatistics()
    this.setCurrentTranslation()
  }
}
</script><commit_msg>Load statistics on initial load<commit_after><template>
  <div id="footer">
    <hr />
    <div class="container-fluid">
      <div class="row justify-content-between">
        <div class="col-md-6">
          <p>{{ $t('footer.statDate', { date: $d(statsDate) }) }}
          (<router-link :to="{ name: 'status'}">{{ $t('footer.statLink') }}</router-link>)</p>
        </div>
        <div class="col-md-6">
          <p>{{ $t('footer.poweredBy') }}
            <a href="https://github.com/Wikidata/Wikidata-Toolkit">Wikidata toolkit</a> &amp;
            <a href="https://query.wikidata.org/">Wikidata SPARQL Query</a>
          </p>
          <i18n path="footer.sourceCode" tag="p">
            <a href="https://github.com/Wikidata/SQID">Github</a>
          </i18n>
        </div>
      </div>
    </div>
  </div>
</template>

<style>
#footer {
 text-align: center;
}
</style>

<script lang="ts">
import { Component, Watch, Vue } from 'vue-property-decorator'
import { Action, Getter, namespace } from 'vuex-class'

const statistics = namespace('statistics')

@Component
export default class AppFooter extends Vue {
  @statistics.Getter('dumpTimestamp') private statsDate!: number
  @statistics.Action('refresh') private refreshStatistics!: any
  @Action private setCurrentTranslation!: any

  private created() {
    this.onRouteChanged()
  }

  @Watch('$route')
  private onRouteChanged() {
    this.refreshStatistics()
    this.setCurrentTranslation()
  }
}
</script>
{'fraction_non_alphanumeric': 0.18134354333449357, 'fraction_numerical': 0.004176818656456666, 'mean_word_length': 3.0708215297450425, 'pattern_counts': {'":': 0, '<': 65, '<?xml version=': 0, '>': 65, 'https://': 6, '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': '7122581', 'n_tokens_mistral': 968, 'n_tokens_neox': 948, 'n_words': 192}