vue.js - ¿vue-storefront es compatible (nuxtjs con typescript)?

Estoy intentando usar @storefront-ui/nuxt dentro de un proyecto nuxtjs (con typescript).

pero este error me muestra No se pudo encontrar un archivo de declaración para el módulo '@storefront-ui/nuxt'. 'c:/Users/user/Desktop/testnuxt/node_modules/@storefront-ui/nuxt/lib/module.js' tiene implícitamente un tipo 'any'. Intenta npm i --save-dev @types/storefront-ui__nuxt si existe o agrega un nuevo archivo de declaración (.d.ts) que contenga declare module '@storefront-ui/

Leer más →

node.js - Cómo usar middleware personalizado de Express dentro de Nuxt.js

Estoy construyendo una aplicación usando Nuxt.js. Una de las cosas que me atrajo específicamente de Nuxt fue su implementación de serverMiddleware.

La aplicación es un libro de cocina para que pueda automatizar la planificación de comidas en mi casa :)

Tengo la aplicación Nuxt configurada con el siguiente middleware

nuxt.config.js

serverMiddleware: [{ path: '/api', handler: '~server/main.ts' }],

principal.ts

import 'dotenv/config';

Leer más →

Nuxt Typescript los tipos de tsconfig no funcionan

Intentando migrar un proyecto de Nuxt de JS a TS. Trabajando en VS Code con el complemento Vetur habilitado.

El proyecto funciona bien, pero no puedo configurar indicios de variables globales con el campo types de tsconfig.json.

Entonces, aquí está el archivo tsconfig.json:

"compilerOptions": { "strictPropertyInitialization": false, "target": "ES2018", "module": "ESNext", "moduleResolu

Leer más →

vue.js - NuxtJS v2 comprobar errores de TypeScript

Tengo una aplicación de Nuxt con configuración como esta

... // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules buildModules: [ // https://go.nuxtjs.dev/typescript '@nuxt/typescript-build', ], ...

Cuando tengo un error de TypeScript en el código, obtengo un error durante yarn build

ERROR in pages/index.vue:31:12 TS2345: Argument of type 'number' is not ass

Leer más →

javascript - La actualización de la página en Nuxt 3 elimina las cookies

Tengo tal función useCookie

import { watch } from 'vue' import { useCookie, useState } from '#imports' import type { CookieOptions } from '#app/composables/cookie' export const useOxyAsyncCookie = <T>(key: string, options?: CookieOptions) => { const cookie = useCookie(key, options) const state = useState<T>(key, () => cookie.value) watch(state, (value) => { cookie.value = value state.value = value }) return state }

Lo est

Leer más →

javascript - NuxtJS/Vue3: V-for con datos de API asincrónicos que no funcionan correctamente (TS)

Actualmente estoy trabajando en un proyecto de Vue 3 junto con TypeScript.

Tengo una API que me envía un arreglo de objetos que contienen los detalles de cada servidor.

Tengo un archivo de script en /server/api/serverData.ts que me obtiene estos datos

//we want to fetch asnyc export default defineEventHandler(async (event) => { //fetch from uri using $fetch from nuxt const data = await $fetch("https://game.aq3d.com/api/game/ServerList"); //return d

Leer más →

nuxt.js - Nuxt3 paquete @nuxtjs/eslint-config-typescript error: No se puede encontrar el módulo 'typescript'

// 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" }, "devDependencies": { "@nuxt/devtools": "latest&quo

Leer más →

javascript - Nuxt 3 SSR: useFetch() o useAsyncData devolviendo null al actualizar la página

Por favor, ayúdame. Tengo un proyecto de Nuxt 3 que necesita SSR. Este es un proyecto recién generado, del cual no he cambiado ninguna configuración predeterminada aparte de lo indicado aquí. Estoy usando la API de composición.

Aquí está el archivo de configuración y

Leer más →

nuxt.js - Nuxt 3 + TypeScript: la propiedad xxx no existe en el tipo Ref<xxx | null>

Tengo este mensaje de error repetitivo en Nuxt 3.9.3, en cualquier variable que obtenga de un useFetch.

Por ejemplo, en esta página:

<template> <div> <FilterActions :is-filtered="isFiltered" :search-result-text="data?.length" /> <LotsViews :pending-lotes="pending" :lotes="data" /> </div> </template> <script setup lang="ts"> import FilterA

Leer más →

javascript - equivalente a getServerSideProps para Nuxt 3 usando el driver de mongodb

¿Cuál es la forma equivalente en Nuxt 3 de traducir esta página de Next.js a una página de Nuxt?

export const getServerSideProps: GetServerSideProps<PageProps> = async ( context ) => { context.res.setHeader("Cache-Control", "no-store"); const uri = process.env.MONGODB_URI as string; const client = new MongoClient(uri); await client.connect(); const db = client.db("e-commerce"); const collection = db.collection<Product>

Leer más →