Changed old component structures

This commit is contained in:
Alexis
2024-05-08 18:02:53 +02:00
parent 0011b31424
commit aa75260a33
14 changed files with 21 additions and 24 deletions

View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import YrhBanner from '@/components/YrhBanner.vue'
import YrhHeading from '@/components/YrhHeading.vue'
import YrhBanner from '@/components/atoms/YrhBanner.vue'
import YrhHeading from '@/components/atoms/YrhHeading.vue'
import YrhNav from '@/components/YrhNav.vue'
import YrhAudioMenu from '@/components/config/YrhAudioMenu.vue'
import type { MenuItem } from '@/models/YrhNavItem'

View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
import YrhBanner from '@/components/YrhBanner.vue'
import YrhBanner from '@/components/atoms/YrhBanner.vue'
import { useBannerStore } from '@/stores/banner'
import { storeToRefs } from 'pinia'

View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import YrhBanner from '@/components/YrhBanner.vue'
import YrhHeading from '@/components/YrhHeading.vue'
import YrhBanner from '@/components/atoms/YrhBanner.vue'
import YrhHeading from '@/components/atoms/YrhHeading.vue'
import YrhNav from '@/components/YrhNav.vue'
import type { MenuItem } from '@/models/YrhNavItem'
import { useBannerStore } from '@/stores/banner'

View File

@@ -1,6 +1,6 @@
<script lang="ts" setup>
import YrhCard from '@/components/YrhCard.vue'
import YrhHeading from '@/components/YrhHeading.vue'
import YrhCard from '@/components/atoms/YrhCard.vue'
import YrhHeading from '@/components/atoms/YrhHeading.vue'
import YrhStatusCard from '@/components/datas/YrhStatusCard.vue'
import ItemSelection from '@/components/datas/items/ItemSelection.vue'
import { useBannerStore } from '@/stores/banner'
@@ -34,10 +34,12 @@ onMounted(() => {
ITEMS
<template #subtitle> All items </template>
</YrhHeading>
<section class="grid grid-cols-3 gap-x-10 my-14 overflow-auto">
<div class="items-container max-h-full overflow-hidden">
<ItemSelection :items="availableItems" />
</div>
<div class="max-h-full">
<Transition name="fade" mode="out-in">
<YrhCard v-if="currentItem" breathe-bottom>