<commit_before>
<template>
  <div class="container" :class="{ column: column }" ref="cont">
    <resize-observer @notify="handleResize"/>
    <slot/>
  </div>
</template>

<script>
// @ts-nocheck
export default {
  name: 'Container',
  data: () => ({
    column: false,
  }),
  methods: {
    handleResize() {
      const { width } = this.$refs.cont.getBoundingClientRect()
      if (width < 600) {
        this.column = true
      } else {
        this.column = false
      }
    },
  },
}
</script>

<style lang="stylus" scoped>

.container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-items: space-around;

  &.column {
    flex-direction: column;
    justify-items: flex-start;
  }
}
</style><commit_msg>add vue-resize css import in component<commit_after>
<template>
  <div class="container" :class="{ column: column }" ref="cont">
    <resize-observer @notify="handleResize"/>
    <slot/>
  </div>
</template>

<script>
// @ts-nocheck
export default {
  name: 'Container',
  data: () => ({
    column: false,
  }),
  methods: {
    handleResize() {
      const { width } = this.$refs.cont.getBoundingClientRect()
      if (width < 600) {
        this.column = true
      } else {
        this.column = false
      }
    },
  },
}
</script>

<style lang="stylus" scoped>
@import '~vue-resize/dist/vue-resize.css'

.container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-items: space-around;

  &.column {
    flex-direction: column;
    justify-items: flex-start;
  }
}
</style>
{'fraction_non_alphanumeric': 0.1700194678780013, 'fraction_numerical': 0.003893575600259572, 'mean_word_length': 2.7246376811594204, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 25, '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': '125686', 'n_tokens_mistral': 541, 'n_tokens_neox': 536, 'n_words': 114}