winui-nuxt

Nuxt 3 & Winui3

为了构建ui接近win11风格的客户端项目，这个项目诞生了，但是他注定是粗糙的。如果你感兴趣，可以fork他进行二次开发完善,不建议直接使用在正式项目中

Setup

# npm
npm install winui-nuxt

# pnpm
pnpm install winui-nuxt

# yarn
yarn install winui-nuxt

# bun
bun install winui-nuxt

这个项目基于Nuxt的Layer能力拓展到项目，也就是说他局限于Nuxt3，如果你在使用别的技术栈，可以尝试其他项目

###1.npm(推荐) nuxt.config.ts

export default defineNuxtConfig({
  extends: [
    'winui-nuxt',
  ]
})

###2.Github nuxt.config.ts

export default defineNuxtConfig({
  extends: [
    'github:username/repoName#main',        // GitHub 远程源
  ]
})

##Issues

1.可能会出现路径问题，请检查是否符合你的项目路径别名设置。根据官网描述，Nuxt官方正在寻找更好的解决方案，所以这个项目使用的路径别名将会是用户的路径。

2.需要自己安装unocss并创建相关文件，可以在包里直接复制，后续考虑通过预设包安装

##Thanks

• radix-vue
• shadcn-vue
• unocss-preset-shadcn
• unocss
• nuxt
• vueuse
• Microsoft Fluent UI Blazor components
• Windows UI 3 - Figma Others...