TypeError: clientAppEnhance is not a function at createVueApp

[backspacerhino]

Hi, I am trying to load my components from docs/.vuepress/components/test.vue

using clientAppEnchange.js file

module.exports = {
  clientAppRootComponentFiles: '/docs/.vuepress/components/test.vue',
}

but I get this error in the browser

app.js?c6d7:127 Uncaught (in promise) TypeError: clientAppEnhance is not a function
at createVueApp

Any solution to this? I can't seem to find any other way to load my components

[Mister-Hope]

Use path.resolve. You should give VuePress the actual path. Unless you project is under root folder (That's obviously not possible), you are giving a wrong path.

Possible config is path.resolve(__dirname, './components/test.vue)

[meteorlxy]

@backspacerhino What the ...?

clientAppRootComponentFiles should be placed in .vuepress/config.js, not in clientAppEnhance.js

[backspacerhino]

That makes more sense. I was following this and it appeared as if it was meant to be put in clientAppEnhance

Now that I did put it in config.ts, I am getting

[Vue warn]: Failed to resolve component: Test 
  at <List> 
  at <AsyncComponentWrapper> 
  at <Content> 
  at <Page key="/api/v2/products/products/list.html" > 
  at <BaseTransition mode="out-in" appear=false persisted=false  ... > 
  at <Transition key=2 name="fade-slide-y" mode="out-in" > 
  at <Layout> 
  at <AsyncComponentWrapper> 
  at <Vuepress onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< <!----> > > 
  at <RouterView> 
  at <App>

list.md

# List all products

<Test />

Test.vue

<template>
	<div>TEST</div>
</template>

<script>
export default {
	name: "Test",
	setup() {
		return {};
	},
};
</script>

<style>

</style>

[Mister-Hope]

Try to correct fileName casing and try again?

Test and test

[Mister-Hope]

Wait, are you trying to register it then use it in markdown? You should use clientAppEnhance
to manually register it.

https://github.com/vuepress-theme-hope/vuepress-theme-hope/blob/v2-dev/packages/components/src/client/appEnhance.ts This is probably something you need.

[backspacerhino]

Yes, that's exactly what I need, thank you.