<commit_before><template>
  <div id="app" :class="{ 'no-scroll': !scroll }">
    <div id="viewport">
      <overlay />
      <microcart />
      <sidebar-menu />
      <main-header />
      <router-view></router-view>
      <main-footer />
    </div>
  </div>
</template>

<script>
import EventBus from 'src/event-bus/event-bus'

import MainHeader from './components/core/blocks/Header/Header.vue'
import MainFooter from './components/core/blocks/Footer/Footer.vue'

import Microcart from './components/core/blocks/Microcart/Microcart.vue'
import SidebarMenu from './components/core/blocks/SidebarMenu/SidebarMenu.vue'

import Overlay from './components/core/Overlay.vue'

export default {
  data () {
    return {
      scroll: true
    }
  },
  created () {
    EventBus.$on('toggle-overlay', () => {
      this.scroll = !this.scroll
    })
    EventBus.$on('hide-overlay', () => {
      this.scroll = true
    })
  },
  components: {
    MainHeader,
    MainFooter,
    Microcart,
    SidebarMenu,
    Overlay
  }
}
</script>

<!-- Atomic styles & grid -->
<style src="./css/grid.css"></style>
<style src="./css/color.css"></style>
<style src="./css/margin.scss" lang="scss"></style>
<style src="./css/transitions.scss" lang="scss"></style>
<style src="./css/padding.css"></style>
<style src="./css/text.css"></style>
<style src="./css/border.css"></style>
<style src="./css/layout.scss" lang="scss"></style>
<style src="./css/visibility.scss" lang="scss"></style>

<style>
html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
#app.no-scroll {
  height: 100%;
  overflow: hidden;
}
#viewport {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
</style>
<commit_msg>[#44] Fix no-scroll state<commit_after><template>
  <div id="app" :class="{ 'no-scroll': scroll }">
    <div id="viewport">
      <overlay />
      <microcart />
      <sidebar-menu />
      <main-header />
      <router-view></router-view>
      <main-footer />
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex'

import MainHeader from './components/core/blocks/Header/Header.vue'
import MainFooter from './components/core/blocks/Footer/Footer.vue'

import Microcart from './components/core/blocks/Microcart/Microcart.vue'
import SidebarMenu from './components/core/blocks/SidebarMenu/SidebarMenu.vue'

import Overlay from './components/core/Overlay.vue'

export default {
  computed: {
    ...mapState({
      scroll: state => state.ui.overlay
    })
  },
  components: {
    MainHeader,
    MainFooter,
    Microcart,
    SidebarMenu,
    Overlay
  }
}
</script>

<!-- Atomic styles & grid -->
<style src="./css/grid.css"></style>
<style src="./css/color.css"></style>
<style src="./css/margin.scss" lang="scss"></style>
<style src="./css/transitions.scss" lang="scss"></style>
<style src="./css/padding.css"></style>
<style src="./css/text.css"></style>
<style src="./css/border.css"></style>
<style src="./css/layout.scss" lang="scss"></style>
<style src="./css/visibility.scss" lang="scss"></style>

<style>
html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
#app.no-scroll {
  height: 100%;
  overflow: hidden;
}
#viewport {
  width: 100%;
  position: relative;
  overflow-x: hidden;
}
</style>

{'fraction_non_alphanumeric': 0.19775553533515317, 'fraction_numerical': 0.007279344858962694, 'mean_word_length': 3.233632862644416, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 78, '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': '2821355', 'n_tokens_mistral': 1193, 'n_tokens_neox': 1157, 'n_words': 223}