webshell

Ghost Exploiter Team Official

Directory >> /home/softsuitetech/public_html/DEMO/Foodie/resources/js/components/frontend/home/

File / Folder	Size	Action
.	-
.htaccess	0.27KB	edt ren
FeaturedItemComponent.vue	1.66KB	edt ren
HomeComponent.vue	3.555KB	edt ren
PopularItemComponent.vue	1.728KB	edt ren
SliderComponent.vue	2.033KB	edt ren
TrackOrderComponent.vue	3.896KB	edt ren

<template>
    <LoadingComponent :props="loading" />
    <section class="mb-24 sm:mb-16">
        <div class="container" v-if="popularItems.length > 0">
            <div class="flex items-center justify-between gap-2 mb-3 sm:mb-6">
                <h2 class="text-lg sm:text-2xl font-semibold capitalize">{{ $t('label.most_popular_items') }}</h2>
            </div>
            <ItemComponent :items="popularItems" :type="itemProps.type" :design="itemProps.design" />
        </div>
    </section>
</template>
<script>

import alertService from "../../../services/alertService";
import itemDesignEnum from "../../../enums/modules/itemDesignEnum";
import ItemComponent from "../components/ItemComponent";
import LoadingComponent from "../components/LoadingComponent";

export default {
    name: "PopularItemComponent",
    components: {
        ItemComponent,
        LoadingComponent
    },
    props: {
        items: Object,
    },
    data() {
        return {
            loading: {
                isActive: false
            },
            itemProps: {
                design: itemDesignEnum.LIST,
                type: null,
            },
        };
    },
    mounted() {
        try {
            this.loading.isActive = true;
            this.$store.dispatch("frontendItem/popular", {
                order_column: "id",
                order_type: "desc",
            }).then(res => {
                this.loading.isActive = false;
            }).catch((err) => {
                this.loading.isActive = false;
            });
        } catch (err) {
            this.loading.isActive = false;
        }
    },
    computed: {
        popularItems: function () {
            return this.$store.getters["frontendItem/popular"];
        }
    }
};
</script>

<=Back