Typescript error on first installation

[vedovatogianluca (Gianluca Vedovato)]

HI there, just started my new project by copying and paste the starter command from Prismic Dashboard.
I just created 1 slice and I immediately found typescript errors, without adding any lines of code.
This is a screenshot from the slice that has been created:

Module '"@prismicio/client"' has no exported member 'Content' on line 2
Cannot find name 'getSliceComponentProps' on line 7

These are my dependencies:

"@nuxt/devtools": "^1.1.4",
"@nuxt/eslint-config": "^0.2.0",
"@nuxtjs/prismic": "^3.1.1",
"@slicemachine/adapter-nuxt": "^0.3.38",
"concurrently": "^8.2.2",
"eslint": "^8.57.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.1.3",
"nuxt": "^3.11.1",
"prettier": "^3.2.5",
"slice-machine-ui": "^1.26.0"

[samlittlefair]

Hey @vedovatogianluca,

I'm going to ask some of my colleagues to take a look at this. It looks like there might be a typing issue in our integration. Another user has reported a similar issue:

Typescript Error in SliceZone component in Nuxt

Type 'SliceZone<HomePageDocumentDataSlicesSlice>' is not assignable to type 'SliceZoneLike<SliceLike<string> & Record<string, unknown>>'. Type '[HomePageDocumentDataSlicesSlice, ...HomePageDocumentDataSlicesSlice[]]' is not assignable to type 'readonly (SliceLike<string> & Record<string, unknown>)[]'. [CleanShot 2024-04-06 at 23.51.07@2x]

Sam

[samlittlefair]

Hey @vedovatogianluca,

This should be solved in the latest version of @prismicio/vue:

Typescript Error in SliceZone component in Nuxt

Hey there, we're sorry for the delay getting back to you on this issue. The problem you faced should be fixed with the latest release of @prismicio/vue, version 4.2.2. While it should be fine for new projects, for existing ones you can update the dependency with the following command: npm update @prismicio/vue Thanks for contributing, let us know if anything!

Sam