vhaudiquet/buildpath
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Lint frontend
Some checks failed
pipeline / lint-and-format (push) Failing after 4m18s
Details
pipeline / build-and-push-images (push) Has been skipped
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2026-01-21 23:39:03 +01:00
parent f307e3a8fc
commit 3d79d9e495
21 changed files with 356 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
frontend/components/rune/Page.vue
View File

@@ -21,13 +21,13 @@ const { data: stylesData }: PerkStylesResponse = await useFetch(
)
watch(
() => props.primaryStyleId,
async (newP, oldP) => {
async (_newP, _oldP) => {
refreshStyles()
}
)
watch(
() => props.secondaryStyleId,
async (newP, oldP) => {
async (_newP, _oldP) => {
refreshStyles()
}
)
@@ -55,9 +55,14 @@ refreshStyles()
:src="CDRAGON_BASE + mapPath(primaryStyle.iconPath)"
/>
</div>
<div v-for="slot in primaryStyle.slots.slice(0, 1)" class="rune-slot">
<div
v-for="(slot, slotIndex) in primaryStyle.slots.slice(0, 1)"
:key="slotIndex"
class="rune-slot"
>
<NuxtImg
v-for="perk in slot.perks"
:key="perk"
width="48"
:class="
'rune-img rune-keystone ' + (props.selectionIds.includes(perk) ? 'rune-activated' : '')
@@ -65,23 +70,33 @@ refreshStyles()
:src="'https://raw.communitydragon.org/latest/' + mapPath(perks.get(perk).iconPath)"
/>
</div>
<div v-for="slot in primaryStyle.slots.slice(1, 4)" class="rune-slot">
<div
v-for="(slot, slotIndex) in primaryStyle.slots.slice(1, 4)"
:key="slotIndex"
class="rune-slot"
>
<NuxtImg
v-for="perk in slot.perks"
:key="perk"
width="48"
:class="'rune-img ' + (props.selectionIds.includes(perk) ? 'rune-activated' : '')"
:src="'https://raw.communitydragon.org/latest/' + mapPath(perks.get(perk).iconPath)"
/>
</div>
</div>
<div class="rune-spacer-bar"/>
<div class="rune-spacer-bar" />
<div class="rune-holder" style="align-content: end">
<div class="rune-slot">
<img style="margin: auto" :src="CDRAGON_BASE + mapPath(secondaryStyle.iconPath)" >
<img style="margin: auto" :src="CDRAGON_BASE + mapPath(secondaryStyle.iconPath)" />
</div>
<div v-for="slot in secondaryStyle.slots.slice(1, 4)" class="rune-slot">
<div
v-for="(slot, slotIndex) in secondaryStyle.slots.slice(1, 4)"
:key="slotIndex"
class="rune-slot"
>
<NuxtImg
v-for="perk in slot.perks"
:key="perk"
width="48"
:class="'rune-img ' + (props.selectionIds.includes(perk) ? 'rune-activated' : '')"
:src="'https://raw.communitydragon.org/latest/' + mapPath(perks.get(perk).iconPath)"