• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60

<template>
  <div class="ui inverted menu">
    <div class="ui container">
      <a href="#" class="header item">
        <!--<img class="logo" src="assets/images/logo.png">-->
        π  
      </a>
      <div class="right menu">
        
        <!-- <a href="#" class="item">create promo set</a>
        <a href="#" class="item">create LP</a>
        <a href="#" class="item">create flip</a>
        -->
        <div class="ui simple dropdown item"> 
          new ...<i class="dropdown icon"></i>
          <div class="menu">
            <router-link to='/create/crescendo' class='item'>crescendo</router-link>
            <router-link to='/create/promoset' class='item'>promo set</router-link>
            <router-link to='/create/landingpage' class='item'>landing page</router-link>
            <router-link to='/create/flip' class='item'>flip</router-link>
            <!-- <a class="item" href="#">crescendo</a>
            <a class="item" href="#">promo set</a>
            <a class="item" href="#">landing page</a>
            <a class="item" href="#">flip</a> -->
            <!-- <div class="divider"></div> -->
            
            <!-- <div class="item">
              <i class="dropdown icon"></i>
              Sub Menu
              <div class="menu">
                <a class="item" href="#">Link Item</a>
                <a class="item" href="#">Link Item</a>
              </div>
            </div> -->
            
          </div>
        </div>
        <a href="#" class="item">me</a>
      </div>
  </div>

</template>


<script>
  export default {
    name: 'TopNav',
    components: {  },
    vuex: {
      actions: {
        // Key 'toggle' here just has to match
        // the @click fn name in the template above.
        // No need for methods { } functions
        //toggle: toggleAddModal
      }
    }
  }
</script>