typescript - nuxtServerInit con vuex-module-decorators

Usando este enfoque con Nuxt: https://github.com/championswimmer/vuex-module-decorators#accessing-modules-with-nuxtjs

tienda/index.ts:

import { Store } from 'vuex' import { initialiseStores } from '~/utils/store-accessor' const initializer = (store: Store<any>) => initialiseStores(store) export co

Leer más →

typescript - Tipos ts de Nuxt para VS code de propiedades inyectadas

Estoy inyectando las propiedades en el contexto ts de Nuxt de esta manera:

import Vue from 'vue'; import { errorService } from '~/services/error'; import { Plugin } from '@nuxt/types' const services: Plugin = (context, inject) => { inject('errorService', Vue.observable(errorService)) } export default services

Entonces tengo un archivo de tipos ~/plugins.d.ts

import Vue from 'vue'; impor

Leer más →

typescript - ¿Cómo usar chart.js en nuxt.js?

Hice una pequeña aplicación para confirmar cómo usar chart.js en Nuxt.js. El lenguaje de mi proyecto reciente es TypeScript, así que intenté hacer mi código en TypeScript. y también he usado Nuxt.js como framework. Me referí a este sitio. Pero mi código de ejemplo tiene un error.

Primero que todo, hice un archivo de gráfico como archivo .vue. Mis componentes de gráfico crearon un directorio de componentes en Nuxt.js. Pero en este código, ocurrió un error en @Prop. El mensaje de error y

Leer más →

typescript - Precargando datos en la tienda al iniciar en nuxt

Estoy trabajando en una aplicación con Nuxt y precargo algunas cosas en nuxtServerInit y las pongo en el store. Eso está bien y no hay problema.

Tengo muchos más proyectos con el mismo tipo de precarga inicial, así que empiezo a pensar que es una buena idea poner la lógica en un módulo y todos mis o

Leer más →

vue.js - Los tipos de Nuxt + TypeScript no funcionan en layouts y plugins

Soy nuevo en TS y quiero usar tipos también en los layouts, pero como en la imagen, typescript-build devuelve el error "Error de sintaxis: token inesperado" cuando agrego un tipo a la propiedad popups.

En pages funciona correctamente. No funciona en los archivos ts de layout y plugins.

El archivo VUE simplificado que no funciona está abajo.

<template> <div id="wrapper" class="d

Leer más →

nuxt.js - ¿Cómo especificar escrito en el punto de entrada del lado del servidor en TypeScript en un proyecto de "Nuxt TypeScript"?

En el ejemplo de un proyecto Nuxt basado en JavaScript que he visto, la entrada del servidor está en server/index.js. Aquí está su código predeterminado (para el caso del framework Express.js):

const express = require('express')

Leer más →

javascript - Validación de props con interfaces en Nuxt.js con TypeScript

Estoy construyendo un sitio web usando Nuxt.js (incluyendo Vue.js v2) con TypeScript. Me gustaría usar interfaces para verificar si los datos pasados a los componentes a través de props tienen la estructura correcta. Desafortunadamente, parece que TypeScript no verifica nada. No hay 'problemas' a pesar de que paso datos incorrectos al componente. Aquí hay un ejemplo.

Los datos en el componente base:

data() { return { dropdownData: [

Leer más →

typescript - Cómo abordar axios en la acción del store de nuxt

Primero, la configuración de axios se llevó a cabo según el documento de nuxtjs de la siguiente manera.

modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }

Y traté de construir una tienda y acercarme a axios en acción, pero me encontré con undefined. user.ts

import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name:

Leer más →

nuxt.js - La propiedad '$router' no existe en el tipo, ¿nuxt y typescript?

Recientemente he integrado TypeScript en un proyecto de Nuxt y estoy obteniendo ese error de $router, así como las propiedades que he declarado dentro

Al realizarlo como se indica en la documentación https://typescript.nuxtjs.org/es/cookbook/components ya no recibo estos errores, pero tengo dudas sobre cómo hacerlo para no tener que agregar esta parte a cada componente

import Vue from "vue"; export d

Leer más →

typescript - ¿Ahora cómo hacer que los alias de ruta de las importaciones sean visibles en nuxt.config.ts?

En esta pregunta, no hablo sobre la propiedad NuxtConfig.alias que usualmente se ve así:

const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }

De lo que estoy hablando es:

import Environ

Leer más →