itube-specs 0.0.465 → 0.0.467

package/components/ui/s-img.vue

@@ -22,6 +22,7 @@
       :height="height"
       :sizes="sizes"
       :alt="alt"
+      decoding="async"
       :fetchpriority="priority ? 'high' : 'auto'"
       @error="emit('error', $event)"
   >

package/composables/use-fetch-categories-by-letter.ts

@@ -1,7 +1,7 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { ICategoryCard } from '../types';
 
-export const useFetchCategoriesByLetter = (
+export const useFetchCategoriesByLetter = async (
     apiMethod: (...args: any[]) => Promise<Array<ICategoryCard>>
 ) => {
     const key = EAsyncData.CategoriesByLetter;
@@ -9,7 +9,7 @@ export const useFetchCategoriesByLetter = (
     const slug = useSlug();
     const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-    const { data, status, error } = useAsyncData<Array<ICategoryCard>>(
+    const { data, status, error } = await useAsyncData<Array<ICategoryCard>>(
         key,
         () => useApiFetcher<Array<ICategoryCard>>(
             stateKey.value,

package/composables/use-fetch-categories-group-by-letter.ts

@@ -1,14 +1,14 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { ICategoryCard, IChipsItem } from '../types';
 
-export const useFetchCategoriesGroupByLetter = (
+export const useFetchCategoriesGroupByLetter = async (
     key: EAsyncData,
     apiMethod: (...args: any[]) => Promise<Record<string, Array<ICategoryCard>>> | Promise<IChipsItem[]>
 ) => {
     const lang = useLang() as ELanguage;
     const stateKey = computed(() => `data-${key}-${lang}`);
 
-    const { data, error, refresh, status } = useAsyncData<Record<string, Array<ICategoryCard>> | IChipsItem[]>(
+    const { data, error, refresh, status } = await useAsyncData<Record<string, Array<ICategoryCard>> | IChipsItem[]>(
         key,
         () => useApiFetcher<Record<string, Array<ICategoryCard>> | IChipsItem[]>(
             stateKey.value,

package/composables/use-fetch-categories-related.ts

@@ -1,7 +1,7 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IRelatedPhrases } from '../types';
 
-export const useFetchCategoriesRelated = (
+export const useFetchCategoriesRelated = async (
   apiMethod: (...args: any[]) => Promise<IRelatedPhrases>
 ) => {
   const lang = useLang() as ELanguage;
@@ -9,7 +9,7 @@ export const useFetchCategoriesRelated = (
   const key = EAsyncData.CategoriesRelated;
   const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-  const { data, status, error } = useAsyncData<IRelatedPhrases>(
+  const { data, status, error } = await useAsyncData<IRelatedPhrases>(
     key,
     () => useApiFetcher<IRelatedPhrases>(
         stateKey.value,

package/composables/use-fetch-channels-by-model.ts

@@ -2,7 +2,7 @@ import { useRoute } from 'vue-router';
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IChannelCard, PaginatedResponse } from '../types';
 
-export const useFetchChannelsByModel = (
+export const useFetchChannelsByModel = async (
     apiMethod: (...args: any[]) => Promise<PaginatedResponse<IChannelCard>>
 ) => {
     const lang = useLang() as ELanguage;
@@ -11,7 +11,7 @@ export const useFetchChannelsByModel = (
     const key = EAsyncData.ChannelsByModel;
     const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-    const { data, status, error } = useAsyncData<PaginatedResponse<IChannelCard>>(
+    const { data, status, error } = await useAsyncData<PaginatedResponse<IChannelCard>>(
         key,
         () => useApiFetcher<PaginatedResponse<IChannelCard>>(
             stateKey.value,

package/composables/use-fetch-channels-by-name.ts

@@ -1,7 +1,7 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { ICardInfo } from '../types';
 
-export const useFetchChannelsByName = (
+export const useFetchChannelsByName = async (
     apiMethod: (...args: any[]) => Promise<ICardInfo>
 ) => {
     const lang = useLang() as ELanguage;
@@ -9,7 +9,7 @@ export const useFetchChannelsByName = (
     const key = EAsyncData.ChannelByName;
     const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-    const { data, status, error } = useAsyncData<ICardInfo>(
+    const { data, status, error } = await useAsyncData<ICardInfo>(
         key,
         () => useApiFetcher<ICardInfo>(
             stateKey.value,

package/composables/use-fetch-channels-by-network-name.ts

@@ -2,7 +2,7 @@ import { useRoute } from 'vue-router';
 import { EAsyncData, ELanguage, isMobileDevice } from '../runtime';
 import type { IChannelCard, PaginatedResponse } from '../types';
 
-export const useFetchChannelsByNetworkName = (
+export const useFetchChannelsByNetworkName = async (
     apiMethod: (...args: any[]) => Promise<PaginatedResponse<IChannelCard>>
 ) => {
   const lang = useLang() as ELanguage;
@@ -14,7 +14,7 @@ export const useFetchChannelsByNetworkName = (
     const key = EAsyncData.ChannelsByNetworkName;
     const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-    const { data, status, error } = useAsyncData<PaginatedResponse<IChannelCard>>(
+    const { data, status, error } = await useAsyncData<PaginatedResponse<IChannelCard>>(
         key,
         () => useApiFetcher<PaginatedResponse<IChannelCard>>(
             stateKey.value,

package/composables/use-fetch-dictionaries-countries.ts

@@ -1,14 +1,14 @@
 import type { ICountries } from '../types';
 import { EAsyncData, ELanguage } from '../runtime';
 
-export const useFetchDictionariesCountries = (
+export const useFetchDictionariesCountries = async (
     apiMethod: (...args: any[]) => Promise<ICountries>
 ) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.Countries;
     const stateKey = computed(() => `data-${key}-${lang}`);
 
-    const { data, status, error } = useAsyncData<ICountries>(
+    const { data, status, error } = await useAsyncData<ICountries>(
         key,
         () => useApiFetcher<ICountries>(
             stateKey.value,

package/composables/use-fetch-dictionaries-genders.ts

@@ -1,14 +1,14 @@
 import type { IGenders } from '../types';
 import { EAsyncData, ELanguage } from '../runtime';
 
-export const useFetchDictionariesGenders = (
+export const useFetchDictionariesGenders = async (
     apiMethod: (...args: any[]) => Promise<IGenders>
 ) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.Genders;
     const stateKey = computed(() => `data-${key}-${lang}`);
 
-    const { data, status, error } = useAsyncData<IGenders>(
+    const { data, status, error } = await useAsyncData<IGenders>(
         key,
         () => useApiFetcher<IGenders>(
             stateKey.value,

package/composables/use-fetch-footer-categories.ts

@@ -1,14 +1,14 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IChipsItem } from '../types';
 
-export const useFetchFooterCategories = (
+export const useFetchFooterCategories = async (
     apiMethod: (...args: any[]) => Promise<IChipsItem[]>
 ) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.CategoriesTopRandomFooter;
     const stateKey = computed(() => `data-${key}-${lang}`);
 
-    const { data, status, error } = useAsyncData<IChipsItem[]>(
+    const { data, status, error } = await useAsyncData<IChipsItem[]>(
         key,
         () => useApiFetcher<IChipsItem[]>(
             stateKey.value,

package/composables/use-fetch-models-related.ts

@@ -1,7 +1,7 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IModelCard, PaginatedResponse } from '../types';
 
-export const useFetchRelatedModels = (
+export const useFetchRelatedModels = async (
     apiMethod: (...args: any[]) => Promise<PaginatedResponse<IModelCard>>,
     limit: number,
     cacheId: string
@@ -11,7 +11,7 @@ export const useFetchRelatedModels = (
     const key = EAsyncData.TopModelsMore;
     const stateKey = computed(() => `data-${key}-${slug.value}-${cacheId}-${lang}`);
 
-    const { data, status, refresh } = useAsyncData<PaginatedResponse<IModelCard>>(
+    const { data, status, refresh } = await useAsyncData<PaginatedResponse<IModelCard>>(
         stateKey.value,
         () => useApiFetcher<PaginatedResponse<IModelCard>>(
             stateKey.value,

package/composables/use-fetch-multi-suggest.ts

@@ -3,7 +3,7 @@ import type { IMultiSuggest } from '../types';
 import { ELanguage } from '../runtime';
 import { useRoute } from 'vue-router';
 
-export function useFetchMultiSuggest(
+export async function useFetchMultiSuggest(
     apiMethod: (...args: any[]) => Promise<IMultiSuggest | null>,
     phrasesLimit: number,
     modelsLimit: number,
@@ -17,7 +17,7 @@ export function useFetchMultiSuggest(
     const key = watchRoute ? EAsyncData.MultiSuggestRouteSearch : EAsyncData.MultiSuggestSearch;
     const stateKey = computed(() => `data-${key}-${watchRoute ? slug.value : searchValue.value}-${lang}`);
 
-    const { data, status } = useAsyncData<IMultiSuggest | null>(
+    const { data, status } = await useAsyncData<IMultiSuggest | null>(
         key,
         () => useApiFetcher<IMultiSuggest | null>(
             stateKey.value,

package/composables/use-fetch-playlists-get-videos-by-id.ts

@@ -2,7 +2,7 @@ import { EAsyncData, isMobileDevice } from '../runtime';
 import type { IVideoCard, PaginatedResponse } from '../types';
 import { useRoute } from 'vue-router';
 
-export const useFetchPlaylistsGetVideosById = (
+export const useFetchPlaylistsGetVideosById = async (
     apiMethod: (...args: any[]) => Promise<PaginatedResponse<IVideoCard>>,
     isListPage?: boolean
 ) => {
@@ -14,7 +14,7 @@ export const useFetchPlaylistsGetVideosById = (
     const key = EAsyncData.GetPlaylistsVideo;
     const stateKey = computed(() => `data-${key}-${id.value}`);
 
-    const { data, status, error } = useAsyncData<PaginatedResponse<IVideoCard>>(
+    const { data, status, error } = await useAsyncData<PaginatedResponse<IVideoCard>>(
         key,
         () => useApiFetcherNoCache<PaginatedResponse<IVideoCard>>(
             stateKey.value,

package/composables/use-fetch-popular-tags-by-model-name.ts

@@ -1,7 +1,7 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IPopularTagsModel } from '../types';
 
-export const useFetchPopularTagsByModelName = (
+export const useFetchPopularTagsByModelName = async (
   apiMethod: (...args: any[]) => Promise<IPopularTagsModel[]>
 ) => {
   const lang = useLang() as ELanguage;
@@ -9,7 +9,7 @@ export const useFetchPopularTagsByModelName = (
   const key = EAsyncData.PopularTagsByModel;
   const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-  const { data, status, error } = useAsyncData<IPopularTagsModel[]>(
+  const { data, status, error } = await useAsyncData<IPopularTagsModel[]>(
     key,
     () => useApiFetcher<IPopularTagsModel[]>(
         stateKey.value,

package/composables/use-fetch-related-searches.ts

@@ -1,11 +1,11 @@
 import { EAsyncData } from '../runtime';
 import { ELanguage } from '../runtime';
 
-export const useFetchRelatedSearch = (apiMethod: (...args: any[]) => Promise<Array<string>>) => {
+export const useFetchRelatedSearch = async (apiMethod: (...args: any[]) => Promise<Array<string>>) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.RelatedSearch;
 
-    const { data, status, error } = useAsyncData<Array<string>>(
+    const { data, status, error } = await useAsyncData<Array<string>>(
         key,
         () => useApiFetcher<Array<string>>(
             null,

package/composables/use-fetch-top-chips-models.ts

@@ -1,12 +1,12 @@
 import { ELanguage, EAsyncData } from '../runtime';
 import type { IModelTag } from '../types';
 
-export const useFetchTopChipsModels = (apiMethod: (...args: any[]) => Promise<IModelTag[]>, cacheId: string) => {
+export const useFetchTopChipsModels = async (apiMethod: (...args: any[]) => Promise<IModelTag[]>, cacheId: string) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.TopChipsModels;
     const stateKey = computed(() => `data-${key}-${cacheId}-${lang}`);
 
-    const { data: topChipsModels, refresh, status } = useAsyncData<IModelTag[]>(
+    const { data: topChipsModels, refresh, status } = await useAsyncData<IModelTag[]>(
         stateKey.value,
         () => useApiFetcher<IModelTag[]>(
             stateKey.value,

package/composables/use-fetch-top-models.ts

@@ -1,12 +1,12 @@
 import { EAsyncData, ELanguage } from '../runtime';
 import type { IModelCard, PaginatedResponse } from '../types';
 
-export const useFetchTopModels = (apiMethod: (...args: any[]) => Promise<PaginatedResponse<IModelCard>>, limit: number, eName: EAsyncData | string, cacheId: string) => {
+export const useFetchTopModels = async (apiMethod: (...args: any[]) => Promise<PaginatedResponse<IModelCard>>, limit: number, eName: EAsyncData | string, cacheId: string) => {
     const lang = useLang() as ELanguage;
     const key = eName;
     const stateKey = computed(() => `data-${key}-${cacheId}-${lang}`);
 
-    const { data, status, refresh } = useAsyncData(
+    const { data, status, refresh } = await useAsyncData(
         stateKey.value,
         () => useApiFetcher<PaginatedResponse<IModelCard>>(
             stateKey.value,

package/composables/use-fetch-top-random-categories.ts

@@ -1,12 +1,12 @@
 import { ELanguage, EAsyncData } from '../runtime';
 import type { IChipsItem } from '../types';
 
-export const useFetchTopRandomCategories = (apiMethod: (...args: any[]) => Promise<Array<IChipsItem>>, cacheId: string) => {
+export const useFetchTopRandomCategories = async (apiMethod: (...args: any[]) => Promise<Array<IChipsItem>>, cacheId: string) => {
     const lang = useLang() as ELanguage;
     const key = EAsyncData.CategoriesTopRandom;
     const stateKey = computed(() => `data-${key}-${cacheId}-${lang}`);
 
-    const { data: topRandomCategories, refresh, error } = useAsyncData<Array<IChipsItem>>(
+    const { data: topRandomCategories, refresh, error } = await useAsyncData<Array<IChipsItem>>(
         stateKey.value,
         () => useApiFetcher<Array<IChipsItem>>(
             stateKey.value,

package/composables/use-fetch-video-referer-phrases.ts

@@ -1,13 +1,13 @@
 import { EAsyncData, ELanguage } from '../runtime';
 
-export const useFetchVideoRefererPhrases = (
+export const useFetchVideoRefererPhrases = async (
     apiMethod: (...args: any[]) => Promise<string[]>) => {
     const lang = useLang() as ELanguage;
     const slug = useSlug();
     const key = EAsyncData.RefererPhrases;
     const stateKey = computed(() => `data-${key}-${slug.value}-${lang}`);
 
-    const { data, status, error } = useAsyncData<string[]>(
+    const { data, status, error } = await useAsyncData<string[]>(
         key,
         () => useApiFetcher<string[]>(
             stateKey.value,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.465",
+  "version": "0.0.467",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {