typescript - nuxtServerInit com vuex-module-decorators
A usar esta abordagem com Nuxt: https://github.com/championswimmer/vuex-module-decorators#accessing-modules-with-nuxtjs
store/index.ts:
import { Store } from 'vuex' import { initialiseStores } from '~/utils/store-accessor' const initializer = (store: Store<any>) => initialiseStores(store) export c Ler mais →typescript - Tipos ts do Nuxt para VS code de propriedades injetadas
Estou a injetar as propriedades no contexto TS do Nuxt assim:
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 servicesEntão eu tenho o ficheiro de tipos ~/plugins.d.ts
import Vue from 'vue'; import { ErrorServ Ler mais →typescript - Como usar chart.js no nuxt.js?
Criei uma pequena aplicação para confirmar como usar o chart.js no Nuxt.js. A linguagem do meu projeto recente é TypeScript, por isso tentei fazer o meu código em TypeScript. Também usei o Nuxt.js como framework. Consultei este site. Mas o meu código de exemplo gerou um erro.
Antes de mais, fiz um ficheiro de gráfico como ficheiro .vue. Os meus componentes de gráfico foram feitos na diretoria de componentes no Nuxt.js. Mas neste código, ocorreu um erro em @Prop. A mensagem de erro e o c
Ler mais →typescript - Pré-carregar dados para a store no arranque em nuxt
Estou a trabalhar numa aplicação com Nuxt e pré-carrego algumas coisas em nuxtServerInit e coloco-as na store. Isso está bem e não há problema.
Tenho muitos mais projetos com o mesmo tipo de pré-carregamento inicial - por isso começo a pensar que é uma boa ideia colocar a lógica num módulo e todos o
Ler mais →vue.js - Tipos de Nuxt + TypeScript não funcionam em layouts e plugins
Sou novo em TS e quero usar tipos em layouts também, mas como na imagem, o typescript-build retorna o erro "Syntax Error: Unexpected token" quando adiciono tipo à propriedade popups.
Em pages funciona corretamente. Não está a funcionar em ficheiros ts de layout e de plugins.
O ficheiro VUE simplificado que não está a funcionar está abaixo.
<template> <div id="wrapper" class="d- Ler mais →nuxt.js - Como especificar escrito no ponto de entrada do lado do servidor em TypeScript num projeto "Nuxt TypeScript"?
No exemplo de um projeto Nuxt baseado em JavaScript que eu vi, a entrada do servidor está em server/index.js. Aqui está o código padrão (no caso do framework Express.js):
const express = require('express') const consola = requir Ler mais →javascript - Validação de props com interfaces em Nuxt.js com TypeScript
Estou a construir um website usando Nuxt.js (incluindo Vue.js v2) com TypeScript. Gostaria de usar interfaces para verificar se os dados passados para os componentes através de props têm a estrutura correta. Infelizmente, parece que o TypeScript não verifica nada. Não existem 'problemas' mesmo que eu passe dados incorretos para o componente. Aqui está um exemplo.
Os dados no componente base:
data() { return { dropdownData: [ Ler mais →typescript - Como abordar o axios na ação do store do nuxt
Primeiro, a configuração do axios foi realizada de acordo com o documento nuxtjs da seguinte forma.
modules: [ '@nuxtjs/axios', ], axios: { // extra config e.g // BaseURL: 'https://link-to-API' }E eu tentei construir uma store e abordar o axios em ação, mas encontrei undefined. user.ts
import { Module, VuexAction } from 'nuxt-property-decorator'; @Module({ name: 'user', stat Ler mais →nuxt.js - A propriedade '$router' não existe no tipo, nuxt e typescript?
Recentemente integrei TypeScript num projeto Nuxt e estou a receber esse erro do $router, bem como das propriedades que declarei dentro
Ao executá-lo conforme indicado na documentação https://typescript.nuxtjs.org/es/cookbook/components já não recebo estes erros, mas tenho dúvidas sobre como fazê-lo para não ter de adicionar esta parte a cada componente
import Vue from "vue"; export default Vue.exten Ler mais →typescript - Agora, como tornar os aliases de caminho das importações visíveis em nuxt.config.ts?
Nesta questão, eu não falo sobre a propriedade NuxtConfig.alias que normalmente se apresenta assim:
const Config: NuxtConfig = { alias: { "@EnterpriseBusinessRules": Path.resolve(__dirname, "BusinessRules", "Enterprise"), "@ApplicationBusinessRules": Path.resolve(__dirname, "BusinessRules", "Application"), // ... }O que eu estou a falar é:
import Ler mais →