message: docs: improve docs, close
diff: @@ -37,10 +37,10 @@ export const localTheme = (options: HopeThemeOptions) => ({
  alias: {
  // You can override or add aliases here
  - // For example, here we change the vuepress-theme-hope HomePage component to components/HomePage.vue under our own theme
  + // For example, here we change the vuepress-theme-hope HomePage component to components/HomePage.js under our own theme
  "@theme-hope/components/HomePage.js": path.resolve(
  __dirname,
  - "./components/HomePage.vue"
  + "./components/HomePage.js"
  ),
  },
  });
  @@ -60,10 +60,10 @@ export default (options) => ({
  alias: {
  // You can override or add aliases here
  - // For example, here we change the vuepress-theme-hope HomePage component to components/HomePage.vue under our own theme
  + // For example, here we change the vuepress-theme-hope HomePage component to components/HomePage.js under our own theme
  "@theme-hope/components/HomePage.js": path.resolve(
  __dirname,
  - "./components/HomePage.vue"
  + "./components/HomePage.js"
  ),
  },
  });
  @@ -71,6 +71,18 @@ export default (options) => ({
  :::
  +::: tip
  +
  +If you want to use `vue` files, you can make a simple js wrapper by writing:
  +
  +```js
  +// wrapper.js
  +import YouComponent from "./YouComponent.vue";
  +export default YouComponent;
  +```
  +
  +:::
  +
  Also, you can add or override layout provided by `vuepress-theme-hope` via `layouts` in your theme client config file.
  ::: code-tabs#language
  