docs/.vitepress >> custom base path & root

[bx-shef]

Hello.

Project Structure

The documentation is created using VitePress and is located in the /docs folder.

The project documentation will be published at https://demo.com/my-demo-folder/
In other words, the path is built relative to the '/my-demo-folder/' folder.

Config docs/.vitepress/config.mts

import {defineConfig} from 'vitepress'
import { whyframe } from '@whyframe/core'
import { whyframeVue } from '@whyframe/vue'

export default defineConfig({
  base: '/my-demo-folder/',
  vite: {
    plugins: [
      whyframe({
        defaultSrc: '/my-demo-folder/frames/default'
      }),
      whyframeVue({
        include: /\.(?:vue|md)$/
      })
    ]
  }
})

With this configuration, there is an issue

If you build the project and view it, everything works

The essence of the problem is in this code

With this approach, it will work

[bluwy]

Amazing repro and description! That makes sense to me. So we need to prepend the base here:

whyframe/packages/core/src/plugins/api.js

Lines 84 to 88 in 4c2f05f

	attrs.push({
	type: 'static',
	name: isComponent ? '_why?.id' : 'data-why-id',
	value: `/@id/__${entryId}`
	})

And I think we can borrow the base from the Vite config using the configResolved hook in the same file, where c.base exposes it. That should fix it.

Would you like to send a PR? I'm able to fix this later too if not.

[bx-shef]

I'm sorry, but I can't do it in the near future