rigor789/vue-scrollto

using this.$scrollTo in nuxt / typescript

Open

#321 建立於 2020年7月11日

在 GitHub 查看
 (2 留言) (4 反應) (0 負責人)JavaScript (1,966 star) (114 fork)batch import
help wantednuxt

描述

There's an issue when using with nuxt (2.13.3) / typescript (@nuxt/types => 2.13.3)

If i don't import vue-scrollto inside my global.d.ts file:

import 'vue-scrollto'

Then using this.$scrollTo inside a component would complain about:

"Property '$scrollTo' does not exist on type 'CombinedVueInstance<Vue, Data, { setActive(index: number, id: number): void; findArticles: ((this: any, val: string) => Promise) & Cancelable; hideResults(): void; showArticle(articleId: number, categoryId: number): Promise<...>; }, unknown, Readonly<...>>'.Vetur(2339)"

貢獻者指南

技術棧
vuetypescriptnuxt
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
1
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic knowledge of NuxtTypeScript setup
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
80
研究方向
The issue is that TypeScript cannot find the `$scrollTo` property on Vue instances because the plugin's type augmentation is not being automatically recognized in Nuxt. The user found that manually importing 'vue scrollto' in a global.d.ts file resolves the error. To fix, the package should export a type declaration that augments Vue's module for Nuxt usage. Look into the plugin's type definitions (likely in `vue scrollto/types/index.d.ts`) and consider adding a Nuxt specific type augmentation or documentation. Check if there are any existing PRs or comments addressing this.