<commit_before><template>
  <div>
    <header class="Header">
      <div class="container">
        <h1 class="Header__Title">Nuxt i18n</h1>
        <nav class="Header__Menu">
          <nuxt-link class="Header__Link" :to="path('')">
            {{ $t('message.home') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" :to="path('/about')">
            {{ $t('message.about') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" v-if="$route.params.lang" to="/">
            {{ $t('message.english') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" v-else to="/fr">
            {{ $t('message.french') }}
          </nuxt-link>
        </nav>
      </div>
    </header>
    <nuxt/>
  </div>
</template>

<script>
export default {
  methods: {
    path (url) {
      return (this.$route.params.lang ? '/' + this.$route.params.lang + url : url)
    }
  }
}
</script>

<style>
html, body
{
  background-color: #fff;
  color: #2e2f30;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  height: 100vh;
  margin: 0;
}
*, *:before, *:after
{<commit_msg>fix routes example<commit_after><template>
  <div>
    <header class="Header">
      <div class="container">
        <h1 class="Header__Title">Nuxt i18n</h1>
        <nav class="Header__Menu">
          <nuxt-link class="Header__Link" :to="path('/')">
            {{ $t('message.home') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" :to="path('/about')">
            {{ $t('message.about') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" v-if="$store.state.lang.lang === 'en'" to="/fr">
            {{ $t('message.french') }}
          </nuxt-link>
          <nuxt-link class="Header__Link" v-else to="/">
            {{ $t('message.english') }}
          </nuxt-link>
        </nav>
      </div>
    </header>
    <nuxt/>
  </div>
</template>

<script>
export default {
  methods: {
    path (url) {
      return (this.$store.state.lang.lang === 'en' ? url : '/' + this.$store.state.lang.lang + url)
    }
  }
}
</script>

<style>
html, body
{
  background-color: #fff;
  color: #2e2f30;
  letter-spacing: 0.5px;
  font-size: 18px;
  font-family: "Source Sans Pro", Arial, sans-serif;
  height: 100vh;
  margin: 0;
}
*, *:before, *:after
{
{'fraction_non_alphanumeric': 0.20464316423043852, 'fraction_numerical': 0.013757523645743766, 'mean_word_length': 2.2364394993045895, 'pattern_counts': {'":': 0, '<': 51, '<?xml version=': 0, '>': 51, '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': '4311851', 'n_tokens_mistral': 866, 'n_tokens_neox': 837, 'n_words': 152}