��Root Mod By V1rus

Viewing: units.vue

<script setup lang="ts">
import {ref} from 'vue';

const {t, locale} = useI18n();
const toast = useToast();
const localePath = useLocalePath()
const config = useRuntimeConfig();
const {category} = useRoute().query
const loading = ref(true);

const units = ref([]);

async function getUnitsList() {
  const {data} = await useAPI('/analyze/units', {
    query: {
      category: category
    },
    immediate: true,
    server: true,
    onRequestError({error}) {
      toast.add({title: t(error.message), color: 'red'});
      toast.add({title: t('if your are using vpn, disable it and try again'), color: 'red'})
    },
    onResponseError({response}) {
      toast.add({title: t(response.status), color: 'red'});
      toast.add({title: t('if your are using vpn, disable it and try again'), color: 'red'})
    },
    // onResponse({response}) {
    //   units.value = response._data?.units.length > 0 ? response._data?.units : [];
    // }
  });

  units.value = data.value?.units?.length > 0 ? data.value?.units : [];
}

await getUnitsList();

definePageMeta({
  middleware: ['auth'],
  title: 'Unit Selection'
})
useHead({
  title: t('Unit Selection')
});

onMounted(() => {
  loading.value = false;
})
</script>
<template>
  <div v-if="loading" class="flex items-center justify-center">
    <SharedLoading/>
  </div>
  <div v-else class="px-2 mt-1 mb-10">
    <div class=" flex flex-wrap justify-between item-center">
      <div v-for="(unit, idx) in units" :key="idx">
        <ULink
            :to="localePath('/unit/' + unit.id)"
            class=" w-4/12 mb-4 sm:w-3/12">
          <div class="h-28 mb-3" v-if="unit.image_3_d">
            <img :src="config.public.FILE_URL+unit.image_3_d.address" class="w-28  mx-auto" :alt="t('Unit Selection' )">
          </div>
          <div>
               <span :dir="locale == 'en' ? 'ltr' : 'rtl'"
                     class=" block   w-28  mx-auto text-xs break-words line-clamp-2  "
                     v-text="locale == 'en' ? unit.title_en : unit.title">
               </span>
          </div>
        </ULink>
      </div>
    </div>
  </div>
</template>

User / IP	: 216.73.217.78
Host / Server	: 195.214.235.115 / npln.ir
System	: Linux damavand.pws-dns.net 5.14.0-503.35.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 4 05:23:43 EDT 2025 x86_64

���Root Mod By V1rus_Alfa

Viewing: units.vue

��Root Mod By V1rus_Alfa