Viridian Comments - Answer Overflow

Viridian

Explore posts from servers

NNuxt TtRPC

Posts Comments

NNuxt

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

USelect option values always turn into strings

@kapa.ai How can I set ~ as an alias?

61 replies

NNuxt

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

USelect option values always turn into strings

@kapa.ai I have these settings for Nuxt:

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  // https://nuxt.com/modules

  modules: [
    '@nuxthub/core',
    '@nuxt/eslint',
    '@nuxt/ui',
  ],

  // https://devtools.nuxt.com
  devtools: { enabled: true },

  css: ['~/assets/css/main.css'],

  // Env variables - https://nuxt.com/docs/getting-started/configuration#environment-variables-and-private-tokens
  runtimeConfig: {
    public: {
      // Can be overridden by NUXT_PUBLIC_HELLO_TEXT environment variable
      helloText: 'Hello from the Edge 👋',
    },
  },
  // https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4
  future: { compatibilityVersion: 4 },
  compatibilityDate: '2024-07-30',

  nitro: {
    experimental: {
      tasks: true,
    },
  },

  // https://hub.nuxt.com/docs/getting-started/installation#options
  hub: {
    database: true,
  },

  // https://eslint.nuxt.com
  eslint: {
    config: {
      stylistic: {
        quotes: 'single',
      },
    },
  },
})

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  // https://nuxt.com/modules

  modules: [
    '@nuxthub/core',
    '@nuxt/eslint',
    '@nuxt/ui',
  ],

  // https://devtools.nuxt.com
  devtools: { enabled: true },

  css: ['~/assets/css/main.css'],

  // Env variables - https://nuxt.com/docs/getting-started/configuration#environment-variables-and-private-tokens
  runtimeConfig: {
    public: {
      // Can be overridden by NUXT_PUBLIC_HELLO_TEXT environment variable
      helloText: 'Hello from the Edge 👋',
    },
  },
  // https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4
  future: { compatibilityVersion: 4 },
  compatibilityDate: '2024-07-30',

  nitro: {
    experimental: {
      tasks: true,
    },
  },

  // https://hub.nuxt.com/docs/getting-started/installation#options
  hub: {
    database: true,
  },

  // https://eslint.nuxt.com
  eslint: {
    config: {
      stylistic: {
        quotes: 'single',
      },
    },
  },
})

For some reason, I get this error: 500 [vite-node] [ERR_LOAD_URL] ~/assets/css/main.css at ~/assets/css/main.css I have the assets folder in the root.

61 replies

NNuxt

•Created by Viridian on 12/4/2024 in #❓・help

Strange error when trying to run dev mode on a fresh install

Solved it by doing a clean install... Weird.

7 replies

NNuxt

•Created by Viridian on 12/4/2024 in #❓・help

Strange error when trying to run dev mode on a fresh install

Here's my package.json:

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxthub/core": "0.8.7",
    "nuxt": "^3.14.1592",
    "vue": "latest",
    "vue-router": "latest"
  }
}

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "dependencies": {
    "@nuxthub/core": "0.8.7",
    "nuxt": "^3.14.1592",
    "vue": "latest",
    "vue-router": "latest"
  }
}

7 replies

NNuxt

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

USelect option values always turn into strings

@kapa.ai Can I add multiple css files to the assets/css folder and use Tailwind classes in there to separate concerns?

61 replies

NNuxt

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

USelect option values always turn into strings

@kapa.ai - How can I make a UButton only be as long as its content is?

61 replies

NNuxt

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

USelect option values always turn into strings

@kapa.ai How can I disable the default number input behavior (adding a number incrementor/decrementor on the right side of the input) on UInput elements?

61 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 color of label text inside a UFormGroup:

<UFormGroup label="Ik betaal per kWh:">
          <UInput>
            
          </UInput>
        </UFormGroup>

<UFormGroup label="Ik betaal per kWh:">
          <UInput>
            
          </UInput>
        </UFormGroup>

61 replies

NNuxt

•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?

61 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?

61 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).

61 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?

61 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

Gaming

Programming