markstream-nuxt

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Chinese

Use this skill when the host app is Nuxt and SSR boundaries matter.

当宿主应用为Nuxt且SSR边界至关重要时，可使用本技能。

Confirm the repo is Nuxt 3 or 4.
Install
```
markstream-vue
```
plus only the optional peers required by the requested features.
Keep browser-only peers behind client-only boundaries.
- Prefer
```
<client-only>
```
  wrappers,
```
.client
```
  plugins, or guarded setup paths.
Import
```
markstream-vue/index.css
```
from a client-safe app shell or plugin.
Start with
```
content
```
, and move to
```
nodes
```
plus
```
final
```
only when the UI is streaming.
Validate with the smallest relevant Nuxt dev, build, or typecheck command.

SSR safety comes before feature completeness.
Avoid import-time access to browser globals from server code paths.
Treat Monaco, Mermaid workers, and similar heavy peers as client-only unless the repo already has a proven SSR pattern.