codeblock highlight not working in vercel

[IslamZaoui]

for some reason in dev codeblock highlight working fine but in Vercel not working

i got this error msg when I build it locally:

error during build:
Error: EPERM: operation not permitted, symlink '.pnpm\[email protected]\node_modules\highlight.js' -> '.vercel\output\functions\fn-1.func\node_modules\highlight.js'
    at Object.symlinkSync (node:fs:1816:3)
    at create_function_bundle (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected]_@[email protected]/node_modules/@sveltejs/adapter-vercel/index.js:519:7)
    at async generate_serverless_function (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected]_@[email protected]/node_modules/@sveltejs/adapter-vercel/index.js:82:5)
    at async adapt (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected]_@[email protected]/node_modules/@sveltejs/adapter-vercel/index.js:248:5)
    at async adapt (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@sveltejs/kit/src/core/adapt/index.js:26:2)
    at async finalise (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@sveltejs/kit/src/exports/vite/index.js:814:7)
    at async Object.handler (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@sveltejs/kit/src/exports/vite/index.js:836:5)
    at async PluginDriver.hookParallel (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:25440:17)
    at async Object.close (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/node-entry.js:26700:13)
    at async build (file:///C:/Users/Islam/Desktop/MyBlog/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-df561101.js:48021:13)
 ELIFECYCLE  Command failed with exit code 1.

this in dev:

you can see the problem in vercel here: https://islamzaoui.vercel.app/en/TEST

[endigo9740]

@IslamZaoui we use Vercel for the Skeleton documentation site, which is of course built using Skeleton as well.

https://github.com/skeletonlabs/skeleton/blob/dev/sites/skeleton.dev/svelte.config.js#L1

Some additional info might help here:

• What version of Skeleton are you running?
• Which adapter are your using? The auto-adapter (default) or Vercel adapter? (we use the latter)
• Can you you verify you've followed all prerequisite instructions on the Code Blocks docs page?

On a somewhat related note, we're updating the Code Blocks during our next release on Tuesday. This will include instructions for only installing the languages you need. If you don't do this Highlight includes ALL languages, which greatly bloats your bundle size. It may be worth following the instruction here:

https://dev.skeleton.dev/utilities/codeblocks#configure-your-project

[endigo9740]

@IslamZaoui I edited my message above, I asked a couple additional questions and provide more information

[IslamZaoui]

@endigo9740 thx for reply

I use skeleton 2.0 (I didn't migrate from v1)
I use Vercel adapter
and I'm sure that followed the docs correctly
you can check the repo: https://github.com/IslamZaoui/MyBlog/

[IslamZaoui]

@endigo9740 when i checked the docs again, it's appear to be changed from the last time maybe that's the problem

[endigo9740]

@IslamZaoui the version I shared above is the dev. subdomain for our docs. It represents a in-developments preview of upcoming changes not yet release to production. But in this case, the changes incoming don't require updates to Skeleton - just using Highlight's built in options to limit the languages.

I just check your repo - can you explain the purpose of the pre-wrap attributes here?

<CodeBlock language="html" lineNumbers pre-wrap code={`<div>This is meta</div>`} />
<CodeBlock language="ts" lineNumbers pre-wrap code={code1} />

That is not syntax that's part of the CodeBlock components, which could potentially be the issue here. You can see a list of the available props on the doc page > Props tab:

[IslamZaoui]

I was testing pre-wrap attribute and forgot to remove it, I thought it's was a codeblock attribute
i will update the code