tobi Comments - Answer Overflow

tobi

Posts Comments

NNuxt

•Created by Nisthar on 8/30/2024 in #❓・help

Can you use a module's original source code in your app?

yes, under the modules folder, see https://nuxt.com/docs/guide/directory-structure/modules

4 replies

NNuxt

•Created by Antonio Ivanov on 7/28/2024 in #❓・help

Nuxt 3 Charts

looks really nice and clean!

8 replies

NNuxt

•Created by FoxForGate on 7/26/2024 in #❓・help

Is it possible to use a custom icon in NuxtUI "<UIcon />"?

I think it's not possible as stated in the docs: You can use any name from the https://icones.js.org collection such as the i- prefix: Why not just creating a simple wrapper component for using your icon?

4 replies

NNuxt

•Created by Antonio Ivanov on 7/28/2024 in #❓・help

Nuxt 3 Charts

Mostly using chartjs for free stuff and paid highcharts for company stuff (both of them work great). Tried apex charts years ago, ditched it due to performance issues (I have no clue how it behaves nowadays). Just make sure to wrap your chart components with a <ClientOnly> to get around server/client rendering issues and you should be good to go.

8 replies

NNuxt

•Created by Atsu on 7/29/2024 in #❓・help

Share zod schema with client and server

move the schemas into a shared folder, like e.g. "types" or "schemas" etc. in the root folder of the project and you can use them both on client and server from that shared location without any problems 🙂

7 replies

NNuxt

•Created by llamaz on 7/17/2024 in #❓・help

Links in Nuxt UI table

yes, you can use the column-data slots available (see https://ui.nuxt.com/components/table#column-data) e.g. something like this:

<script setup lang="ts">
  const columns = [{ key: "link", label: "Link", ... }];
  [ ... ]
</script>

<template>
  <UTable :rows="data" :columns="columns">
    <template #link-data="{ row }">
      <ULink :to="row.link">Link</ULink>
    </template>
  </UTable>
</template>

<script setup lang="ts">
  const columns = [{ key: "link", label: "Link", ... }];
  [ ... ]
</script>

<template>
  <UTable :rows="data" :columns="columns">
    <template #link-data="{ row }">
      <ULink :to="row.link">Link</ULink>
    </template>
  </UTable>
</template>

2 replies

NNuxt