<template>
  <div @click.stop>
    <router-link
      class="link-to-editor"
      target="_blank"
      :to="{ name: $route.meta.itemName + '-editor', params: { id: item.$item.id }, query: $route.query }"
    >
      <span class="icon-new-tab"></span>
    </router-link>
  </div>
</template>

<style lang="scss">
.link-to-editor {
  margin: -0.5em;
  padding: 0.5em;

  span {
    font-size: 20px;
  }
}
</style>

<script>
export default {
  props: {
    item: {
      type: Object
    }
  }
};
</script>
