Omnislash Comments - Answer Overflow

Omnislash

Posts Comments

NNuxt

•Created by Omnislash on 2/20/2025 in #❓・help

Content-Security-Policy with nuxt scripts gtm

Looks like my browser is not up to date my bad for using something a bit exotic ^^"

15 replies

NNuxt

•Created by Omnislash on 2/20/2025 in #❓・help

Content-Security-Policy with nuxt scripts gtm

@kapa.ai I tried the solution 1, but it's breaking a lot of other things Do you have a standard CSP for nuxt 3 that doesn't break anything and allows gtm and analytics ?

15 replies

NNuxt

•Created by Omnislash on 2/20/2025 in #❓・help

Content-Security-Policy with nuxt scripts gtm

@kapa.ai how and where can I modify my conbtent security policy to add the GTM script

15 replies

NNuxt

•Created by konsav on 2/19/2025 in #❓・help

Switching from vue-i18n to @nuxtjs/i18n — Folder Structure & Dynamic Imports Issue

Here you go, second answer with one just one upvote : https://stackoverflow.com/questions/48861001/multiple-translations-files-per-language-with-vue-i18n-and-nuxtjs

14 replies

NNuxt

•Created by konsav on 2/19/2025 in #❓・help

Switching from vue-i18n to @nuxtjs/i18n — Folder Structure & Dynamic Imports Issue

For some reason datetimeFormats doesn't work, but the rest is peachy

14 replies

NNuxt

•Created by konsav on 2/19/2025 in #❓・help

Switching from vue-i18n to @nuxtjs/i18n — Folder Structure & Dynamic Imports Issue

I did it that way, got the inspiration on stackoverflow nuxt.config

import i18nConfig from './i18n.config'

export default defineNuxtConfig({
// blablabla
    i18n: i18nConfig,
// blablabla
)}

import i18nConfig from './i18n.config'

export default defineNuxtConfig({
// blablabla
    i18n: i18nConfig,
// blablabla
)}

i18n.config

import { languagesAvailable } from './utils/languages'

const translations = ['footer', 'home', 'article'] as const

const locales = languagesAvailable.map(lang => ({
    code: lang,
    files: translations.map(tra => `${lang}/${tra}.json`, )
}))

export default {
    // experimental: {
    //     localeDetector: 'localDetector.ts'
    // },
    legacy: false,
    locales,
    langDir: 'translations',
    fallbackLocale: 'fr' satisfies LanguageCode,
    strategy: 'prefix',
    datetimeFormats: {
        en: {
            short: {
                year: 'numeric',
                month: 'short',
                day: 'numeric',
            }
        },
        fr: {
            short: {
                year: 'numeric',
                month: 'short',
                day: '2-digit',
            }
        }
    },
} as const

import { languagesAvailable } from './utils/languages'

const translations = ['footer', 'home', 'article'] as const

const locales = languagesAvailable.map(lang => ({
    code: lang,
    files: translations.map(tra => `${lang}/${tra}.json`, )
}))

export default {
    // experimental: {
    //     localeDetector: 'localDetector.ts'
    // },
    legacy: false,
    locales,
    langDir: 'translations',
    fallbackLocale: 'fr' satisfies LanguageCode,
    strategy: 'prefix',
    datetimeFormats: {
        en: {
            short: {
                year: 'numeric',
                month: 'short',
                day: 'numeric',
            }
        },
        fr: {
            short: {
                year: 'numeric',
                month: 'short',
                day: '2-digit',
            }
        }
    },
} as const

I have a languageAvailables file in /utils because I use it here and there

export const languagesAvailable = ['fr', 'en'] as const
export type LanguageCode = typeof languagesAvailable[number]

export const languagesAvailable = ['fr', 'en'] as const
export type LanguageCode = typeof languagesAvailable[number]

14 replies

NNuxt

•Created by BobLamarley on 2/18/2025 in #❓・help

Layout and Pages

Depending on how much the layout changes, I wouldn't bother much and do the same thing as you did in your page. Like, displaying a different menu depending on isAuthenticated

6 replies

NNuxt

•Created by Rudo Kemper on 2/17/2025 in #❓・help

Does anyone have a great eslint+typescript Nuxt 3 setup?

I forgot why, but I wanted high control and the stylistic options weren't working how I was expecting it. Did it that way, and works great now : https://ptb.discord.com/channels/473401852243869706/1293909163587534930/1313413917158015036

10 replies

NNuxt

•Created by Omnislash on 2/14/2025 in #❓・help

useScriptGoogleTagManager no dataLayer push function

It was a version issue, weird, I basically installed it 2 days ago while reading the documentation Anyway it works fine now ^^

11 replies

NNuxt

•Created by Omnislash on 2/14/2025 in #❓・help

useScriptGoogleTagManager no dataLayer push function

@kapa.ai Hello, I'm following this : https://scripts.nuxt.com/scripts/tracking/google-tag-manager When I try this :

const { proxy } = useScriptGoogleTagManager({
  id: 'YOUR_ID' // id is only needed if you haven't configured globally
})
// example
proxy.dataLayer.push({ event: 'conversion', value: 1 })

const { proxy } = useScriptGoogleTagManager({
  id: 'YOUR_ID' // id is only needed if you haven't configured globally
})
// example
proxy.dataLayer.push({ event: 'conversion', value: 1 })

dataLayer doesn't exist, it's in proxy.google_tag_manager.dataLayer instead, and it's different. If I try to call push from it : Property 'push' does not exist on type 'AsAsyncFunctionValues<{ gtmDom: boolean; gtmLoad: boolean; subscribers: number; }>' How to get the dataLayer ? Thanks 🙂

11 replies

NNuxt

•Created by Omnislash on 2/14/2025 in #❓・help

useScriptGoogleTagManager no dataLayer push function

no @kapa.ai anymore :x ?

11 replies

NNuxt

•Created by Omnislash on 2/12/2025 in #❓・help