Skip to content

BUG: 启用ssr渲染,naive-ui存在刷新时UI偏移问题  #13

@hb0730

Description

@hb0730
20240627170806.webm

相关问题

tusen-ai/naive-ui#5326

修复如下:

07akioni/css-render#1108

依赖

"@css-render/vue3-ssr": "^0.15.14",
 "css-render": "^0.15.14",

plugins

import { setup } from '@css-render/vue3-ssr'

/**
 * fix 
 */
export default defineNuxtPlugin((nuxtApp) => {
  const { collect } = setup(nuxtApp.vueApp)
  useServerHead({
    style: () => {
      const stylesString = collect()
      const stylesArray = stylesString.split(/<\/style>/g).filter(style => style)
      return stylesArray.map((styleString: string) => {
        const match = styleString.match(/<style cssr-id="([^"]*)">([\s\S]*)/)
        if (match) {
          const id = match[1]
          return { 'cssr-id': id, 'children': match[2] }
        }
        return {}
      })
    },
  })
})

待上游修复

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions