Hi gribbl!!

So, I looked into this a little bit, and it seems like everything TypeScript related for these components that are auto-imported via unplugin-vue-components begins working if you add the generated components.d.ts file into the /intertia/tsconfig.json include array, like below.

{
  "extends": "@adonisjs/tsconfig/tsconfig.client.json",
  "compilerOptions": {
    "baseUrl": ".",
    "jsx": "preserve",
    "module": "ESNext",
    "jsxImportSource": "vue",
    "paths": {
      "~/*": ["./*"],
    }
  },
  "include": ["./**/*.ts", "./**/*.vue", "../components.d.ts"]
}

  

    

      Copied!
      

        

      
    
  
  
    
    
    
    
    
  

Here's the result:

I'm going to go tack a note about this into lesson 1.4, where we setup unplugin-vue-components!