Documentation for Astro

[debasispanigrahi]

Clear and concise description of the problem

Currently there are no contents how to add native ui in astro

Suggested solution

A new blog containing astro intergation is needed

Alternative

No response

Additional context

No response

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[nailiable]

Change theastro.config.mjsto this:

import { defineConfig } from "astro/config";

import vue from "@astrojs/vue";

// https://astro.build/config
export default defineConfig({
  integrations: [vue()],
  vite: {
    plugins: [],
    ssr: {
      noExternal: ["naive-ui", "vueuc", "date-fns"],
    },
  },
});

Then the component will work on client only:

---
import { NButton } from "naive-ui"
---

<div>
  <NButton client:only="vue">Default</NButton>
</div>

If I remove theclient:only="vue" directive, it will throw an error like this:

It seem doesn't support server render, how can I fix it?

@07akioni

[Groupguanfang]

Any update for this?

[Groupguanfang]

I write a proposal to support Astro: withastro/roadmap#1098

After this proposal is realized, we can follow up the document about astro in naive ui.