Gary Posts - Answer Overflow

Gary

•Created by Gary on 4/7/2025 in #❓・help

Trying to use pinia store in plugin provided by custom module

I have a custom module that has begun to fail outside of it's own playground since updating to nuxt 3.16.2. The problem is that when workign on the module the playground runs as expected. After building and importing into a local project we get the dreaded: Uncaught Error: [:pineapple:]: "getActivePinia()" was called but there was no active Pinia. error from pinia. Our plugin looks like this: ```typescript export default defineNuxtPlugin(async (NuxtApp) => { const voixConfig = useRuntimeConfig().public.voix.options as unknown as VoixModuleOptionsInterface const voixOptions = Object.assign({}, voixConfig) if (!voixOptions.languages?.length) { voixOptions.languages = [ { code: 'en', name: 'English', icon: '🇺🇸', }, ] } let voix: IVoix = { options: voixOptions, breakpoint: ref(''), } const sliceStore = useSliceStore() // eslint-disable-next-line ts/no-unsafe-assignment sliceStore.slices = slicesConfig const layoutStore = useLayoutStore() // eslint-disable-next-line ts/no-unsafe-assignment layoutStore.layouts = layoutsConfig NuxtApp.vueApp.directive('voix-text', vVoixText) NuxtApp.vueApp.directive('voix-text-color', vVoixTextColor) NuxtApp.vueApp.directive('voix-background-color', vVoixBackgroundColor) NuxtApp.vueApp.directive('voix-visibility', vVoixVisibility) NuxtApp.vueApp.directive('voix-popper', vVoixPopper) voix = voixBreakpointsSetup(voix) voix = voixFetchSetup(voix) voix = voixEventsSetup(voix) authMiddlewareSetup() voixApplicationSetup() // Injects into the application for global use return { provide: { voix, }, } })

7 replies

NNuxt

•Created by Gary on 12/3/2024 in #❓・help

Is it possible to have Nitro update when virtual modules are invalidated during handleHotUpdate?

From a custom vite plugin the following works great:

server.moduleGraph.invalidateModule(virtualSliceModule, undefined, timestamp)

server.moduleGraph.invalidateModule(virtualSliceModule, undefined, timestamp)

Client side responds appropriately but I can't seem to get the SSR to see the changes in the virtual module. On reload it loads the old info and then hydrates with the correct info.
Any help would be greatly appreciated!!!

5 replies

NNuxt

•Created by Gary on 5/29/2024 in #❓・help

Simple Lambda Cookie Question

tldr: Do cookies work on initial page load on AWS Lambda? Hey folks - building something for aws-lambda and everything is up and running except the useCookie method on initial load: I'm reading it in some routeMiddleware and looks something like this:

export default defineNuxtRouteMiddleware((to) => {
  if (to.path !== '/pin-code') {
    const accessToDocs = useCookie('access-to-docs')

    if (!accessToDocs.value || accessToDocs.value.toString() !== '123456')
      return navigateTo(`/pin-code`, { redirectCode: 401 })
  }
})

export default defineNuxtRouteMiddleware((to) => {
  if (to.path !== '/pin-code') {
    const accessToDocs = useCookie('access-to-docs')

    if (!accessToDocs.value || accessToDocs.value.toString() !== '123456')
      return navigateTo(`/pin-code`, { redirectCode: 401 })
  }
})

So, simple test to see if they are on any route other than pin-code and if they are I read the cookie. If the cookie isnt there or it doesn't equal to my super secure password I redirect them to the pin-code page. This works totally fine locally. On Lambda it works on any subsequent page as you click around and router is used. However, initial page load doesn't seem to be able to read the cookie. What am I missing?

3 replies

NNuxt

•Created by Gary on 4/24/2024 in #❓・help

Docus color override

Anyone happen to know how to override the colors in the Docus theme for Nuxt content? I see they are using Pinceau but I'm not familiar with that project - not sure how to override the tokens file.

1 replies

NNuxt

•Created by Gary on 5/31/2023 in #❓・help

Nitro routeRules shouldInvalidateCache

Not sure I understand how or why but from Nuxt nuxt.config.ts why do the shouldInvalidateCache and shouldBypassCache functions not work? If I do the following:

  nitro: {
    routeRules: {
      '/**': {
        cache: {
          swr: true,
          maxAge: 60 * 60,
          shouldInvalidateCache: () => true,
          shouldBypassCache: () => true,
        },
      },
    },
  },

  nitro: {
    routeRules: {
      '/**': {
        cache: {
          swr: true,
          maxAge: 60 * 60,
          shouldInvalidateCache: () => true,
          shouldBypassCache: () => true,
        },
      },
    },
  },

<script setup lang="ts">
const time = new Date().getTime()
</script>

<template>
  {{ time }}
</template>

<script setup lang="ts">
const time = new Date().getTime()
</script>

<template>
  {{ time }}
</template>

Time never updates until the maxAge expires. I would imagine that cache would be invalidated every time the page loaded.

1 replies

NNuxt

•Created by Gary on 5/19/2023 in #❓・help

defineNuxtPlugin is not defined

Why would a module I write that uses "addPlugin" cause this issue?

defineNuxtPlugin is not defined

defineNuxtPlugin is not defined

It works fine in the development mode in the playground but bombs when I implement it as a package.

15 replies

NNuxt

•Created by Gary on 4/24/2023 in #❓・help

Invalidating and bypassing routeRules cache

Hey folks - any chance anyone has setup a routeRule in the nitro config that can be invalidated and/or bypassed? I can do it in the server with cachedEventHandler but not in the routeRules. Any help here would be sooooo appreciated

1 replies

Gaming

Programming