El Jovial Posts - Answer Overflow

El Jovial

•Created by El Jovial on 7/21/2024 in #❓・help

WYSIWYG or Editor.js/Tiptap renderer

How do you render things like Block Editor and WYSIWYG blocks ? I'm working with latest version of Nuxt and Directus annd trying to render "richtext" blocks of directus in Nuxt, how would you do it ? I used to work with Strapi that has a dedicated module for that : https://github.com/freb97/nuxt-strapi-blocks-renderer Just to be clear I'm not looking to have the editor in my frontend but just render the blocks created in backend inside Nuxt as html

9 replies

NNuxt

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

Client/server URL for directus

Hello all, having mad fun while discovering Directus. Pairing it with Nuxt, trying to do so with nuxt/directus module but I'm missing a really important step which is server/client data fetching within docker dev image. Following the docs i added a directusUrl value in config and I'm using useAsyncData to fetch. (had cors issues I managed to fix) My problem is simple : I can only make fetch work eitehr server (using directus docker image path like directus:PORT) or client side (using localhost:PORT. From the docs we only have one value for directusUrl, how to toggle between server/client url or so ? Thanks!

1 replies

NNuxt

•Created by El Jovial on 7/15/2024 in #❓・help

tsconfig.json Error

Hi all, for some unknown reason my (untouched) tsconfig.json is raising the following error :

Argument for '--module' option must be: 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node16', 'nodenext'

Argument for '--module' option must be: 'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node16', 'nodenext'

// tsconfig.json
{
  // https://nuxt.com/docs/guide/concepts/typescript
  "extends": "./.nuxt/tsconfig.json"
}

// tsconfig.json
{
  // https://nuxt.com/docs/guide/concepts/typescript
  "extends": "./.nuxt/tsconfig.json"
}

Seems like I'm the only one with this error since searching for it didn't gave any Nuxt/Vue related issue, anyone knows where that could be coming from ? Setting up a fresh new nuxt app so I only have vue nuxt and pinia in depedencies

3 replies

NNuxt

•Created by El Jovial on 5/30/2024 in #❓・help

Transition layout creates white background flash

Hi, getting into transitions and facing a really weird thing : Basically i have two layouts (one for homepage) and when transitioning from custom to default layout I'd like active one to fade and revealing next page bellow it. I'm almost there but when vanishing the actual page doesn't reveal next one but a white blank page until the other appear. How to get ride of this white background ? Current css :

.layout-leave-active {
  transition: opacity 0.25s;
}

.layout-leave-to {
  opacity: 0;
}

.layout-leave-active {
  transition: opacity 0.25s;
}

.layout-leave-to {
  opacity: 0;
}

3 replies

Gaming

Programming