documentation: missing configuration of vue when using unlazy-img which leads built docs with 404 of images

[Alaye-Dong]

I have read the documentation and configured @nolebase/vitepress-plugin-thumbnail-hash and @nolebase/markdown-it-unlazy-img.

After running the docs:dev command, everything works fine in the development server—both thumbnail-hash and unlazy-img functions as expected. 🐞However, after building with docs:preview, the images on the generated site continuously display as blurred thumbnails and fail to load the original images. The developer tools indicate a 404 error when trying to access the images.

I have uploaded the code to the repository branch dubug-thumbnail-unlazy

Any insights or suggestions to resolve this issue would be greatly appreciated. Thank you for your help and support in advance!😊

[nekomeowww]

This part of config is missing:

integrations/docs/.vitepress/config.ts

Lines 298 to 309 in 588a443

	vue: {
	template: {
	transformAssetUrls: {
	video: ['src', 'poster'],
	source: ['src'],
	img: ['src'],
	image: ['xlink:href', 'href'],
	use: ['xlink:href', 'href'],
	NolebaseUnlazyImg: ['src'],
	},
	},
	},

I think the documentation should correctly state this configuration and explain everything out. Since you are here already to help Nolebase community, you're welcome to open up a dedicated PR to add this part of the configuration into the documentation.

[nekomeowww]

Close as docs has been updated.