<commit_before><template>
  <div>
    <div class="header">
      123
    </div>
    <div class="backpanel">
      <img src="" alt="">
    </div>
  </div>
</template><commit_msg>Add: add theme page<commit_after><template>
  <div v-if="data">
    <div class="header">
      123
    </div>
    <div class="backpanel">
      <img :src="proxyserver + data.image" alt="">
    </div>
  </div>
</template>

<script>
import { getApi, proxyserver } from 'src/common/api'

export default {
  data () {
    return {
      themeid: 2,
      data: undefined,
      proxyserver: proxyserver
    }
  },
  created () {
    fetch(getApi().themes.content + '/' + this.themeid).then((data) => {
      return data.json()
    }).then((data) => {
      this.data = data
    })
  }
}
</script>

<style lang="scss" scoped>
.backpanel {
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  img {
    width: 100%;
    filter: blur(10px);
    transform: scale(1.2);
  }
}
</style>
{'fraction_non_alphanumeric': 0.18819938962360122, 'fraction_numerical': 0.019328585961342827, 'mean_word_length': 2.4893617021276597, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 27, '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': '2315487', 'n_tokens_mistral': 372, 'n_tokens_neox': 361, 'n_words': 79}