rigor789/vue-scrollto

using this.$scrollTo in nuxt / typescript

Open

#321 opened on 2020年7月11日

GitHub で見る
 (2 comments) (4 reactions) (0 assignees)JavaScript (1,966 stars) (114 forks)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
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
1
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
under 1 hour
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
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.