<commit_before><template>
  <div>
    <nav class="aui-header aui-dropdown2-trigger-group" role="navigation" data-aui-responsive="true">
      <div class="aui-header-primary">
        <h1 class="aui-header-logo aui-header-logo-aui">
          <a href="#">
            <span class="aui-header-logo-device"></span>
          </a>
        </h1>
      </div>
      <div class="aui-header-secondary">
        <ul class="aui-nav">
          <li>
            <a href="https://github.com/spartez/vue-aui">
              <div class="aui-avatar aui-avatar-small">
                <div class="aui-avatar-inner">
                  <img src="http://oi65.tinypic.com/sm9g76.jpg">
                </div>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </nav>

    <section>
      <div class="aui-page-panel">
        <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
            <aui-nav-vertical>

              <aui-nav-group>
                <aui-nav-item name="Gettings started" href="#" :selected="$route.path === '/'"></aui-nav-item>
              </aui-nav-group>

              <aui-nav-header name="Components"></aui-nav-header>
              <aui-nav-group>
                <aui-nav-item v-for="page in pages" :name="page.meta.docsName" :href="'#' + page.path"
                              :selected="$route.path === page.path"></aui-nav-item>
              </aui-nav-group>
            </aui-nav-vertical>
          </div>
          <section class="aui-page-panel-content">
            <div class="aui-toolbar2" role="toolbar">
              <div class="aui-toolbar2-inner">
                <div class="aui-toolbar2-group">
                  <div class="aui-toolbar2-primary">
                    <h2 class="class-header" v-if="$route.path !== '/'">{{$route.meta.docsName}}</h2>
                  </div>
                  <div class="aui-toolbar2-secondary">
                    <aui-buttons>
                      <aui-button v-if="$route.meta.auiLink" :href="$route.meta.auiLink" target="_blank">
                        <aui-icon>link</aui-icon>
                      </aui-button>
                      <aui-button v-if="$route.meta.componentName" :href="githubLink" target="_blank">
                        <aui-icon>file-code</aui-icon>
                      </aui-button>
                    </aui-buttons>
                  </div>
                </div>
              </div>
            </div>
            <router-view></router-view>
          </section>
        </div>
      </div>
    </section>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        pages: this.$router.options.routes.filter(page => page.meta && page.meta.docsName)
      }
    },

    computed: {
      githubLink() {
        return `https://github.com/spartez/vue-aui/blob/master/src/docs/component/${this.$route.meta.componentName}.vue`
      }
    }
  }
</script>

<style scoped>
  .aui-header .aui-header-logo-aui .aui-header-logo-device {
    background-image: url(http://oi66.tinypic.com/2r7at6s.jpg);
    width: 90px;
  }

  .class-header {
    margin-bottom: 30px;
  }
</style><commit_msg>Fix logo padding<commit_after><template>
  <div>
    <nav class="aui-header aui-dropdown2-trigger-group" role="navigation" data-aui-responsive="true">
      <div class="aui-header-primary">
        <h1 class="aui-header-logo aui-header-logo-aui">
          <a href="#">
            <span class="aui-header-logo-device"></span>
          </a>
        </h1>
      </div>
      <div class="aui-header-secondary">
        <ul class="aui-nav">
          <li>
            <a href="https://github.com/spartez/vue-aui">
              <div class="aui-avatar aui-avatar-small">
                <div class="aui-avatar-inner">
                  <img src="http://oi65.tinypic.com/sm9g76.jpg">
                </div>
              </div>
            </a>
          </li>
        </ul>
      </div>
    </nav>

    <section>
      <div class="aui-page-panel">
        <div class="aui-page-panel-inner">
          <div class="aui-page-panel-nav">
            <aui-nav-vertical>

              <aui-nav-group>
                <aui-nav-item name="Gettings started" href="#" :selected="$route.path === '/'"></aui-nav-item>
              </aui-nav-group>

              <aui-nav-header name="Components"></aui-nav-header>
              <aui-nav-group>
                <aui-nav-item v-for="page in pages" :name="page.meta.docsName" :href="'#' + page.path"
                              :selected="$route.path === page.path"></aui-nav-item>
              </aui-nav-group>
            </aui-nav-vertical>
          </div>
          <section class="aui-page-panel-content">
            <div class="aui-toolbar2" role="toolbar">
              <div class="aui-toolbar2-inner">
                <div class="aui-toolbar2-group">
                  <div class="aui-toolbar2-primary">
                    <h2 class="class-header" v-if="$route.path !== '/'">{{$route.meta.docsName}}</h2>
                  </div>
                  <div class="aui-toolbar2-secondary">
                    <aui-buttons>
                      <aui-button v-if="$route.meta.auiLink" :href="$route.meta.auiLink" target="_blank">
                        <aui-icon>link</aui-icon>
                      </aui-button>
                      <aui-button v-if="$route.meta.componentName" :href="githubLink" target="_blank">
                        <aui-icon>file-code</aui-icon>
                      </aui-button>
                    </aui-buttons>
                  </div>
                </div>
              </div>
            </div>
            <router-view></router-view>
          </section>
        </div>
      </div>
    </section>

  </div>
</template>

<script>
  export default {
    data() {
      return {
        pages: this.$router.options.routes.filter(page => page.meta && page.meta.docsName)
      }
    },

    computed: {
      githubLink() {
        return `https://github.com/spartez/vue-aui/blob/master/src/docs/component/${this.$route.meta.componentName}.vue`
      }
    }
  }
</script>

<style scoped>
  .aui-header .aui-header-logo-aui .aui-header-logo-device {
    background-image: url(http://oi66.tinypic.com/2r7at6s.jpg);
    width: 90px;
  }

  .aui-header .aui-header-logo-aui a {
    padding: 0 20px;
  }

  .class-header {
    margin-bottom: 30px;
  }
</style>
{'fraction_non_alphanumeric': 0.1738994692475804, 'fraction_numerical': 0.007961286294099281, 'mean_word_length': 1.512549019607843, 'pattern_counts': {'":': 0, '<': 157, '<?xml version=': 0, '>': 159, 'https://': 4, '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': '2922439', 'n_tokens_mistral': 2144, 'n_tokens_neox': 2061, 'n_words': 289}