Viridian Comments - Answer Overflow

Viridian

Explore posts from servers

•Created by Viridian on 11/13/2024 in #❓・help

USelect option values always turn into strings

@kapa.ai - On phone, focusing on NuxtUI elements makes the user unable to zoom out again. How can I prevent this behavior?

33 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

USelect option values always turn into strings

@kapa.ai This is our app.vue:

<template>
  <div>
    <!--    <NuxtWelcome />-->
    <MarketingDecorator />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<template>
  <div>
    <!--    <NuxtWelcome />-->
    <MarketingDecorator />
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

And this is our default.vue in /layouts:

<template>
  <div>
    <Header/>
    <slot />
    <Footer/>
  </div>
</template>

<template>
  <div>
    <Header/>
    <slot />
    <Footer/>
  </div>
</template>

I want to disable this layout for a specific page. How can I achieve this?

33 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

USelect option values always turn into strings

@kapa.ai How can I change the space between a label and the input in a <UFormGroup>? I'd like to make it so that all formgroups have a bit more space between the label and the input(s).

33 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

NuxtUI Tooltip/Popover not rendering on live website

The issue was a faulty nuxt.config.ts!

10 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

NuxtUI Tooltip/Popover not rendering on live website

...This actually also happens on my UForm component as well

10 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

NuxtUI Tooltip/Popover not rendering on live website

For some reason, the events are removed from the Tooltip/Popover components in the production build while they are still there locally

10 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

NuxtUI Tooltip/Popover not rendering on live website

10 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

NuxtUI Tooltip/Popover not rendering on live website

Would like some help on this, it's a very strange issue

10 replies

NNuxt

•Created by Viridian on 11/13/2024 in #❓・help

USelect option values always turn into strings

@kapa.ai I am using Tooltips and Popovers as NuxtUI elements. For some reason, on the production site, there is a v-if missing from the component itself which causes it to not render. What could be the issue?

33 replies

NNuxt

•Created by Viridian on 11/5/2024 in #❓・help

Label templates for <UInput> elements

@kapa.ai Can I disable the number arrows in an <UInput> when I specify type="number"?

19 replies

NNuxt

•Created by Viridian on 11/5/2024 in #❓・help

Label templates for <UInput> elements

@kapa.ai How can I apply a custom color to a button? 'Primary' works but 'secondary' doesn't.

19 replies

NNuxt

•Created by Viridian on 11/5/2024 in #❓・help

Label templates for <UInput> elements

{ interactive: true } doesn't seem to be an actual field on popper, so I assume it's hallucinating

19 replies

NNuxt

•Created by Viridian on 11/5/2024 in #❓・help

Label templates for <UInput> elements

@kapa.ai Is it possible to prevent a <UTooltip> from disappearing when the user tries hovering over the text inside the tooltip? I want a user to be able to click a link inside the tooltip using a #text template override

19 replies

NNuxt

•Created by Viridian on 9/2/2024 in #❓・help

Retrieve error status code and display error on page

setResponseStatus doesn't seem to work either;

Effect.fail(setResponseStatus(event, e.response.status, "Something went wrong. Please try again later.")),

Effect.fail(setResponseStatus(event, e.response.status, "Something went wrong. Please try again later.")),

This actually does change the statusText, but not the status itself. I can confirm e.response.status is 404 as well indeed.

[Vue warn]: Unhandled error during execution of native event handler 
  at <Input modelValue="ixmqwoixwmq" onUpdate:modelValue=fn name="search"  ... > 
  at <Container> 
  at <App key=4 > 
  at <NuxtRoot>

[Vue warn]: Unhandled error during execution of native event handler 
  at <Input modelValue="ixmqwoixwmq" onUpdate:modelValue=fn name="search"  ... > 
  at <Container> 
  at <App key=4 > 
  at <NuxtRoot>

I see this as well.

3 replies

NNuxt

•Created by Viridian on 9/2/2024 in #❓・help

Retrieve error status code and display error on page

I tried doing this:

const data = await $fetch<PlayerSearchResult>("/api/account", {
      method: "post",
      body: { player: search.value, region: region.value },
      onResponseError: (e) => {
        console.log("ERROR FOUND: ", e);
      }
    });

const data = await $fetch<PlayerSearchResult>("/api/account", {
      method: "post",
      body: { player: search.value, region: region.value },
      onResponseError: (e) => {
        console.log("ERROR FOUND: ", e);
      }
    });

And it logs the error, but the status seems to be 500 instead of the 404 that I am trying to make it have

3 replies

NNuxt

•Created by Viridian on 9/1/2024 in #❓・help

Expand tooltip content (NuxtUI)

That works, you're a legend @Antonio Ivanov 🙏

4 replies

NNuxt

•Created by Viridian on 9/1/2024 in #❓・help

Expand tooltip content (NuxtUI)

4 replies

NNuxt

•Created by Viridian on 8/23/2024 in #❓・help

Unable to get logs from Event pipe in defineEventHandler

Fixed it, it was something stupid. We're parsing stuff wrong 🤣

2 replies

NNuxt

•Created by Viridian on 8/22/2024 in #❓・help

Use incoming event type in defineEventHandler

I can tell it works with Zod though

9 replies

NNuxt

•Created by Viridian on 8/22/2024 in #❓・help

Use incoming event type in defineEventHandler

as decodeUnknownSync and similar from Effect normally returns an Effect (in this case, it would be an Effect with either T or ParseError), I was curious

9 replies

Gaming

Programming