<commit_before><style lang="stylus" scoped>
  .slides
    position absolute
    left 0
    top 0
    height 100%
    background white
    box-shadow 2px 0 0 rgba(0,0,0,0.1)
    transform translate3D(calc(-100% + 10px), 0, 0)
    transition transform 200ms ease
    transition-delay 500ms
    padding 10px
    overflow-y scroll

    &:hover
      transform translate3D(0,0,0)
      transition-delay 0ms

  .slide
    width 15vw
    height 15vh
    background #f0f0f0

    & + &
      margin-top 10px
</style>


<template>
  <div class="slides">
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
    <div class="slide"></div>
  </div>
</template><commit_msg>Make slides list dynamic with the slide deck store.<commit_after><style lang="stylus" scoped>
  .slides
    position absolute
    left 0
    top 0
    height 100%
    background white
    box-shadow 2px 0 0 rgba(0,0,0,0.1)
    transform translate3D(calc(-100% + 10px), 0, 0)
    transition transform 200ms ease
    transition-delay 500ms
    padding 10px
    overflow-y scroll

    &:hover
      transform translate3D(0,0,0)
      transition-delay 0ms

  .slide
    width 15vw
    height 15vh
    background #f0f0f0

    & + &
      margin-top 10px
</style>


<template>
  <div class="slides">
    <div class="slide" v-for="slide in slideDeck.slides" @click="activateSlide(slide._uuid)">
      #{{ $index + 1 }} {{ slide._uuid == slideDeck.activeSlideId ? 'ACTIVE' : 'inactive' }}
    </div>
    <div class="slide" @click="addSlide">
      Add slide
    </div>
  </div>
</template>


<script>
  import SlideDeck from '../stores/slide-deck.js'

  export default {
    data() {
      return {
        slideDeck: SlideDeck.state,
      }
    },
    methods: {
      activateSlide(uuid) {
        SlideDeck.activateSlide(uuid)
      },
      addSlide() {
        SlideDeck.addSlide()
      },
    }
  }
</script>
{'fraction_non_alphanumeric': 0.1382667964946446, 'fraction_numerical': 0.04235637779941578, 'mean_word_length': 2.5008517887563886, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, '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': '2234775', 'n_tokens_mistral': 780, 'n_tokens_neox': 704, 'n_words': 169}