aboutsummaryrefslogtreecommitdiff
path: root/src/components/navigation/navigation_entry.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2022-08-12 01:27:09 +0300
committerHenry Jameson <me@hjkos.com>2022-08-12 01:27:09 +0300
commit80600137d1be64c83737ca3296f4aaae1033870c (patch)
tree7844be872d871843afbde7b5976859b060d611fa /src/components/navigation/navigation_entry.vue
parent7d13f38d8807fb090397af159b485a195c379fb3 (diff)
lint
Diffstat (limited to 'src/components/navigation/navigation_entry.vue')
-rw-r--r--src/components/navigation/navigation_entry.vue64
1 files changed, 32 insertions, 32 deletions
diff --git a/src/components/navigation/navigation_entry.vue b/src/components/navigation/navigation_entry.vue
index 0dcf5d85..64601be6 100644
--- a/src/components/navigation/navigation_entry.vue
+++ b/src/components/navigation/navigation_entry.vue
@@ -1,42 +1,42 @@
<template>
-<li class="NavigationEntry">
- <router-link
- class="menu-item"
- :to="item.routeObject || { name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
+ <li class="NavigationEntry">
+ <router-link
+ class="menu-item"
+ :to="item.routeObject || { name: (currentUser || item.anon) ? item.route : item.anonRoute, params: { username: currentUser.screen_name } }"
>
- <FAIcon
- v-if="item.icon"
- fixed-width
- class="fa-scale-110"
- :icon="item.icon"
- />
- <span
- class="icon iconLetter fa-scale-110"
- v-if="item.iconLetter"
- >{{ item.iconLetter }}
- </span>{{ item.labelRaw || $t(item.label) }}
- <button
- type="button"
- class="button-unstyled"
- @click.stop.prevent="togglePin(item.name)"
- >
<FAIcon
- v-if="showPin && currentUser"
+ v-if="item.icon"
fixed-width
class="fa-scale-110"
- :class="{ 'veryfaint': !isPinned(item.name) }"
- :transform="!isPinned(item.name) ? 'rotate-45' : ''"
- icon="thumbtack"
+ :icon="item.icon"
+ />
+ <span
+ v-if="item.iconLetter"
+ class="icon iconLetter fa-scale-110"
+ >{{ item.iconLetter }}
+ </span>{{ item.labelRaw || $t(item.label) }}
+ <button
+ type="button"
+ class="button-unstyled"
+ @click.stop.prevent="togglePin(item.name)"
+ >
+ <FAIcon
+ v-if="showPin && currentUser"
+ fixed-width
+ class="fa-scale-110"
+ :class="{ 'veryfaint': !isPinned(item.name) }"
+ :transform="!isPinned(item.name) ? 'rotate-45' : ''"
+ icon="thumbtack"
/>
- <div
- v-if="item.badgeGetter && getters[item.badgeGetter]"
- class="badge badge-notification"
+ <div
+ v-if="item.badgeGetter && getters[item.badgeGetter]"
+ class="badge badge-notification"
>
- {{ getters[item.badgeGetter] }}
- </div>
- </button>
- </router-link>
-</li>
+ {{ getters[item.badgeGetter] }}
+ </div>
+ </button>
+ </router-link>
+ </li>
</template>
<script src="./navigation_entry.js"></script>