<commit_before><template>
  <div id="app">

    <!-- Header -->
    <header class="gs-header">
        <div class="gs-header__veil"></div>
        <div class="gs-header__image"></div>
        <!-- <div class="gs-header__off-canvas-btn" id="off-canvas-btn">
            <i class="gs-icon-menu"> </i>
        </div> -->
    </header>

    <!-- Main -->
    <main>
      <router-view></router-view>
    </main>

    <!-- Footer -->
    <footer class="gs-footer">
        <div class="gs-footer__veil"></div>
        <div class="gs-footer__image_land"></div>
        <div class="gs-footer__image"></div>
    </footer>

  </div>

</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="scss">

@import './assets/scss/app.scss';

</style><commit_msg>Add basic transition effect<commit_after><template>
  <div id="app">

    <!-- Header -->
    <header class="gs-header">
        <div class="gs-header__veil"></div>
        <div class="gs-header__image"></div>
        <!-- <div class="gs-header__off-canvas-btn" id="off-canvas-btn">
            <i class="gs-icon-menu"> </i>
        </div> -->
    </header>

    <!-- Main -->
    <main>
      <transition name="fade">  
        <router-view></router-view>
      </transition>
    </main>

    <!-- Footer -->
    <footer class="gs-footer">
        <div class="gs-footer__veil"></div>
        <div class="gs-footer__image_land"></div>
        <div class="gs-footer__image"></div>
    </footer>

  </div>

</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="scss">

@import './assets/scss/app.scss';

// TODO: read and update transition
// https://vuejs.org/v2/guide/transitions.html

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0
}

</style>
{'fraction_non_alphanumeric': 0.21355013550135502, 'fraction_numerical': 0.0032520325203252032, 'mean_word_length': 2.3624772313296902, 'pattern_counts': {'":': 0, '<': 73, '<?xml version=': 0, '>': 73, 'https://': 1, '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': '5027628', 'n_tokens_mistral': 654, 'n_tokens_neox': 636, 'n_words': 114}