Furnaxe Comments - Answer Overflow

Furnaxe

Posts Comments

NNuxt

•Created by Furnaxe on 8/1/2024 in #❓・help

Execute a useFetch 2 times

It's a mess the code may be but I'm learning

8 replies

NNuxt

•Created by Furnaxe on 8/1/2024 in #❓・help

Execute a useFetch 2 times

https://stackblitz.com/edit/nuxt-starter-j6phjk?file=types%2Findex.ts

8 replies

NNuxt

•Created by Furnaxe on 8/1/2024 in #❓・help

Execute a useFetch 2 times

const { data: articles, error, refresh } = useFetch(
    '/api/articles/getAllArticles', {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json'
      },
      params: {
        page: page
      },
    });

const { data: articles, error, refresh } = useFetch(
    '/api/articles/getAllArticles', {
      method: 'GET',
      headers: {
        'Content-Type': 'application/json'
      },
      params: {
        page: page
      },
    });

8 replies

NNuxt

•Created by Furnaxe on 8/1/2024 in #❓・help

Execute a useFetch 2 times

Up !

8 replies

NNuxt

•Created by Furnaxe on 7/22/2024 in #❓・help

Display problem

Here's where the problem is, I'd like to point out that on my site it's only here that it bugs. If a class seems weird or not compatible, I'd like you to tell me, but yes, I've already tried to play with the classes.

6 replies

NNuxt

•Created by Furnaxe on 7/22/2024 in #❓・help

Display problem

<div class="absolute inset-0 bg-white border border-gray-200 shadow-lg h-2/5 w-11/12 mx-auto mt-auto transform translate-y-2/3">
        <div class="px-4 py-3 sm:py-2 flex flex-col justify-between h-full">
          <div class="flex justify-between">
            <div class="sm:w-1/2 w-full">
              <h2 class="text-black text-base sm:text-2xl font-bold uppercase">{{ yacht.name }}</h2>
              <div class="bg-ocean-1000 h-1.5"></div>
            </div>
            <div class="font-extrabold text-xs sm:text-sm hidden sm:block">
              <h3 class="bg-cyan-300/50 text-cyan-800 px-3 py-0.5" v-if="yacht.status === 'new'">{{ $t('sales.new-listings') }}</h3>
              <h3 class="bg-yellow-300/50 text-yellow-800 px-3 py-0.5" v-if="yacht.status === 'price-change'">{{ $t('sales.price-change') }}</h3>
              <h3 class="bg-red-300/50 text-red-800 px-3 py-0.5" v-if="yacht.status === 'sold'">{{ yacht.type === "buy" ? $t('sales.sold') : $t('admin.rent.sold') }}</h3>
            </div>
          </div>
          <p class="text-sm sm:text-base font-medium"> :{{ yacht.refitted ? ` (refitted ${yacht.refitted})` : '' }}</span> | {{ yacht.shipyard }}</p>
          <div class="flex justify-between">
            <p class="font-bold text-base sm:text-xl" v-if="yacht.price">{{ yacht.price.toLocaleString('fr-FR') }} €</p>
            <p class="font-bold text-base sm:text-xl" v-else>{{ $t('sales.price-on-request') }}</p>
            <div class="font-extrabold text-xs sm:text-sm sm:hidden block">
              <h3 class="bg-cyan-300/50 text-cyan-800 px-3 py-0.5" v-if="yacht.status === 'new'">{{ $t('sales.new-listings') }}</h3>
              <h3 class="bg-yellow-300/50 text-yellow-800 px-3 py-0.5" v-if="yacht.status === 'price-change'">{{ $t('sales.price-change') }}</h3>
              <h3 class="bg-red-300/50 text-red-800 px-3 py-0.5" v-if="yacht.status === 'sold'">{{ $t('sales.sold') }}</h3>
            </div>
          </div>
        </div>
      </div>

<div class="absolute inset-0 bg-white border border-gray-200 shadow-lg h-2/5 w-11/12 mx-auto mt-auto transform translate-y-2/3">
        <div class="px-4 py-3 sm:py-2 flex flex-col justify-between h-full">
          <div class="flex justify-between">
            <div class="sm:w-1/2 w-full">
              <h2 class="text-black text-base sm:text-2xl font-bold uppercase">{{ yacht.name }}</h2>
              <div class="bg-ocean-1000 h-1.5"></div>
            </div>
            <div class="font-extrabold text-xs sm:text-sm hidden sm:block">
              <h3 class="bg-cyan-300/50 text-cyan-800 px-3 py-0.5" v-if="yacht.status === 'new'">{{ $t('sales.new-listings') }}</h3>
              <h3 class="bg-yellow-300/50 text-yellow-800 px-3 py-0.5" v-if="yacht.status === 'price-change'">{{ $t('sales.price-change') }}</h3>
              <h3 class="bg-red-300/50 text-red-800 px-3 py-0.5" v-if="yacht.status === 'sold'">{{ yacht.type === "buy" ? $t('sales.sold') : $t('admin.rent.sold') }}</h3>
            </div>
          </div>
          <p class="text-sm sm:text-base font-medium"> :{{ yacht.refitted ? ` (refitted ${yacht.refitted})` : '' }}</span> | {{ yacht.shipyard }}</p>
          <div class="flex justify-between">
            <p class="font-bold text-base sm:text-xl" v-if="yacht.price">{{ yacht.price.toLocaleString('fr-FR') }} €</p>
            <p class="font-bold text-base sm:text-xl" v-else>{{ $t('sales.price-on-request') }}</p>
            <div class="font-extrabold text-xs sm:text-sm sm:hidden block">
              <h3 class="bg-cyan-300/50 text-cyan-800 px-3 py-0.5" v-if="yacht.status === 'new'">{{ $t('sales.new-listings') }}</h3>
              <h3 class="bg-yellow-300/50 text-yellow-800 px-3 py-0.5" v-if="yacht.status === 'price-change'">{{ $t('sales.price-change') }}</h3>
              <h3 class="bg-red-300/50 text-red-800 px-3 py-0.5" v-if="yacht.status === 'sold'">{{ $t('sales.sold') }}</h3>
            </div>
          </div>
        </div>
      </div>

6 replies

NNuxt

•Created by Furnaxe on 7/22/2024 in #❓・help

Display problem

6 replies

NNuxt

•Created by Furnaxe on 5/22/2024 in #❓・help

NuxtUI + i18n

@xibman

12 replies

NNuxt

•Created by Furnaxe on 5/22/2024 in #❓・help

NuxtUI + i18n

you're a boss ❤️

12 replies

NNuxt

•Created by Furnaxe on 5/22/2024 in #❓・help

NuxtUI + i18n

  const { t } = useI18n()
  const navigation = [
    { name: t('header.home'), href: '/', chevron: false, news: false, soon: false },

  const { t } = useI18n()
  const navigation = [
    { name: t('header.home'), href: '/', chevron: false, news: false, soon: false },

12 replies

NNuxt

•Created by Furnaxe on 5/22/2024 in #❓・help

NuxtUI + i18n

On a component that includes the menu, I have this:

12 replies

Gaming

Programming