2

GOAL I am trying to setup Typescript, Vue, and Vuetify in Codesandbox, but it seems like nothing will cooperate.

I copied code straight from a normal Vue app initialized with Vue CLI and it doesn't work :/

PROBLEM

Typescript will not recognize .vue files (such as import App from "@/App.vue"; in main.ts)

In App.vue, eslint keeps flagging @ from the @Component decorator EVEN though I set a parser in .eslintrc.js

ATTEMPTED SOLUTIONS

I tried to solve the problem with Typescript not recognizing .vue files using Importing Vue components in TypeScript file BUT it doesn't work anymore. Also, this implementation makes every import hyperlink go to vue-shim.d.ts. When I CNTRL click the import to go to the imported file's contents, I go to vue-shim.d.ts instead of to the imported file.

I tried solving the @Component decorator problem with eslint using ESLint unexpected character '@' for JS decorators BUT it did nothing.

CODE

https://codesandbox.io/s/infallible-framework-pjbx1?file=/src/App.vue

Improve this question
Related questions
7
VueJS Single File Component with typescript: Unable to find module stuff.vue
51
Resolve "Property does not exist on type 'Vue'" error
4
Vue of Typescript. Error: Module not found: Error: Can't resolve './components/mycomponent.vue'
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.