<commit_before><template>
  <v-flex v-if="resizable" py-2>
    <resizable-container :initial-height="initialHeight">
      <code-editor :value="document" read-only/>
    </resizable-container>
  </v-flex>
  <div v-else :style="style">
    <v-flex right>
      <v-btn-toggle v-model="wrapLines" class="ma-2">
        <v-btn :value="true" title="Wrap lines">
          <v-icon>wrap_text</v-icon>
        </v-btn>
      </v-btn-toggle>
    </v-flex>
    <code-editor :value="document" :wrap-lines="wrapLines" read-only/>
  </div>
</template>

<script>
  import ResizableContainer from '@/components/shared/ResizableContainer'
  import Loading from '@/components/shared/Loading'

  export default {
    name: 'PrintPretty',
    components: {
      'code-editor': () => ({
        component: import(/* webpackChunkName: "code-editor" */ '@/components/shared/CodeEditor'),
        loading: Loading
      }),
      ResizableContainer
    },
    props: {
      document: {<commit_msg>add wrap lines to all printpretty components<commit_after><template>
  <div>
    <div class="clearfix">
      <v-flex right>
        <v-btn-toggle v-model="wrapLines" class="ma-2">
          <v-btn :value="true" title="Wrap lines">
            <v-icon>wrap_text</v-icon>
          </v-btn>
        </v-btn-toggle>
      </v-flex>
    </div>
    <v-flex v-if="resizable" py-2>
      <resizable-container :initial-height="initialHeight">
        <code-editor :value="document" read-only/>
      </resizable-container>
    </v-flex>
    <div v-else :style="style">
      <code-editor :value="document" :wrap-lines="wrapLines" read-only/>
    </div>
  </div>
</template>

<script>
  import ResizableContainer from '@/components/shared/ResizableContainer'
  import Loading from '@/components/shared/Loading'

  export default {
    name: 'PrintPretty',
    components: {
      'code-editor': () => ({
        component: import(/* webpackChunkName: "code-editor" */ '@/components/shared/CodeEditor'),
        loading: Loading
      }),
      ResizableContainer
    },
    props: {
      document: {
{'fraction_non_alphanumeric': 0.16972920696324953, 'fraction_numerical': 0.0019342359767891683, 'mean_word_length': 2.707885304659498, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 47, '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': '1441995', 'n_tokens_mistral': 671, 'n_tokens_neox': 661, 'n_words': 127}