javascript - Js en línea con Vue-Meta en Nuxt.js

Básicamente, estoy usando Nuxt 2.9.2 y tratando de usar el método innerHTML para incluir un script de Google Optimize, pero cada vez que ejecuto npm run generate, el código transforma ciertos aspectos aunque __dangerouslyDisableSanitizers esté autorizando innerHTML.

Este es mi Script en el objeto head de la configuración de Nuxt

Leer más →

vue.js - La página HTML estática generada por NuxtJS no carga Javascript al llamar a /index.html

Estoy trabajando en un proyecto de nuxtjs que se generará para uso estático. Por supuesto, utiliza Javascript, por ejemplo, para la navegación, algunos formularios y más.

Cuando estoy usando la página con npm run dev, todo funciona bien.

Después de exportar con npm run build && npm run generate despliego el contenido generado desde /dist a mi servidor (cdn solicitado por el usuario, en ese caso Google Cloud Storage) puedo usar la página sin ningún problem

Leer más →

javascript - Reinicio del usuario de autenticación de Nuxt después de actualizar el navegador

Estoy construyendo una aplicación con inicio de sesión de usuario y registro de información. Utilizo el módulo nuxt/auth para manejar la autenticación. Cada vez que el usuario inicia sesión, el estado cambia a verdadero sin problema. El único problema que tengo es que cuando llamo al método set user, la información del usuario

Leer más →

javascript - Nuxt.js: Cómo sobrescribir scrollBehaviour para un cambio de ruta único

Tengo una página de Nuxt donde hago scroll al inicio en cada cambio de ruta. Definimos esto en el nuxt.config.js

scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) }

Ahora tengo un único enlace de navegación que es un poco especial: «C

Leer más →

javascript - Agregar condición RTL en el head con Nuxt Js i18n

Me gustaría agregar una condición de la siguiente manera

if(app.i18n.locale == 'ar')

Uso árabe con inglés en este proyecto. Si el idioma actual es árabe, se agrega bootstrap-rtl.css en el head, y si el idioma actual es en, se llama a bootstrap.css. He intentado más de un método y no tuve éxito.

Leer más →

javascript - nuxt.js Vuex Vuejs No se puede leer la propiedad 'getters' de undefined

Soy nuevo en Vuejs y Nuxt.js. Creé un proyecto Nuxt y al ejecutar el proyecto obtengo el error:

Por favor, ayúdame.

Gracias.

Respuesta #1

Hola, no estoy seguro si has logrado resolver esto. Si no, solo tienes que reiniciar tu servidor de de

Leer más →

typescript - La propiedad '$vuetify' no existe en el tipo - al usar Nuxt.js con Vuetify

Tengo este error en una parte particular del código al acceder a this.$vuetify en mi aplicación Nuxt.js.

ERROR ERROR in components/equipment/QuickInfoCard.vue:21:20 19:51:29 TS2339: Property '$vuetify' does not exist on type '{ width(): string; height(): "100%" | "9em"; }'. 19 | }, 20 | height() { > 21 |

Leer más →

typescript - Leer contenido Markdown en Nuxtjs 3

Estoy usando Nuxtjs 3, TypeScript y Composition API para desarrollar mi nuevo proyecto. Puedo renderizar con éxito el contenido de los archivos Markdown en el proyecto, pero en algunos casos necesito acceder a contenido específico de los archivos Markdown. Aquí está el ejemplo de mi Markdown:

--- header.id: introducing header.title: my title header.next: nextFileName header.prev: previousFileName --- ### service One some content here <br> ### service two some content

Leer más →

vue.js - ¿Cómo crear tipos propios en Nuxt Typescript?

Cuando uso $_app en Nuxt, dice que $_app no existe en this. Quiero incluir $_app como mi propio tipo en el tipo de Nuxt. Intenté esto:

import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue {

Leer más →

javascript - usar el operador bind de JS (::) con Nuxt.js y typescript

Estoy usando Nuxt.js con soporte para TypeScript. Estoy intentando importar la biblioteca vuelayers con este plugin:

import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)

me da este error:

ERROR in ./node_modules/vuelayers/src/component/map/view.vue?vue&type=script&lang=js& Syntax Error: Unexpected token, expected ";" (253:8) 251 | */ 252 | subscribeAll () { > 25

Leer más →