<template> <!-- Go ahead and edit me -->
  <div id="app">
    <h1 class="zero-margin">My App!</h1>
    <MainView styling="italic-liga" />
  </div>
</template>

<script> /* eslint-disable */
  import MainView from 'Somewhere.vue'

  export default {
    components: { MainView },
    methods: {
      init () {
// Easy array filtering, mapping, ...
const arr = [5, 6, 13, 0, 1, 18, 23]
const sum = arr.reduce((a, b) => a + b)
const even = arr.filter(v => v % 2 === 0)
const double = arr.map(v => v * 2)
</script>

<style lang="scss" scoped>
  @import './global-variables.scss';

  #app {
    font-family: 'VictorMono', monospace;
    line-height: 42;
    color: $wild-gradient;
  }
  // Mwwhooahhaha, they'll never know
  // what hit them
  h1 {
    position: absolute;
    top: 0;
    right: -1000px;
  }
</style>
