open-index/open-npm huggingface dataset:
npm package: @luz-vision/core
Description: IA-First Declarative Application Compiler (Phase G+)
Latest version: 1.0.0-beta.1

# 🌌 LUZ Vision Core

**IA-First Declarative Application Compiler** for building deterministic, reactive interfaces without Virtual DOM.

## 🚀 Features
- **Declarative YAML/HTML**: Describe intent, not steps.
- **Signals-Based**: Fine-grained reactivity via `@luz-vision/core`.
- **Zero VDOM**: Minimal runtime overhead.
- **Vite-Native**: Integrated build pipeline.

## 📦 Installation
```bash
npm install @luz-vision/core
```

## 🛠️ Usage

### 1. Configure Vite
Add the LUZ Vision plugin to your `vite.config.ts`:

```typescript
import { defineConfig } from 'vite';
import { luzVisionPlugin } from '@luz-vision/core/plugin';

export default defineConfig({
  plugins: [luzVisionPlugin()]
});
```

### 2. Create a Component
`MyComponent.yaml`:
```yaml
component: MyCounter
state:
  count: 0
methods:
  inc: "count.set(count.get() + 1)"
template: "" # Uses MyComponent.html
```

`MyComponent.html`:
```html
<div class="p-4 bg-slate-900 text-white rounded-xl">
  <h1>Counter: {{ count }}</h1>
  <button (click)="inc" class="px-4 py-2 bg-blue-500 rounded">Add</button>
</div>
```

### 3. Bootstrap your App
```typescript
import { MyCounter } from './MyComponent.yaml';

const app = new MyCounter();
document.getElementById('app').appendChild(app.render());
```

## ⚖️ License
MIT
npm package: @luzhaoqi/test
Description: vue2对element-ui组件进行二次封装
Latest version: 0.0.62

自动增加版本号
主题色

# z-ui 尽量用rollup打包
## vue2的版本
**分为webpack打包合rollup打包，每次发包需要修改package.json中的版本号**

## webpack命令:
### npm run lib--webpack
```
"main": "dist/z-ui.umd.min.js",
```
## webpack使用说明 todo有问题未解决
```js
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import ZUI from "@luzhaoqi/z-ui";
import '@luzhaoqi/z-ui/dist/z-ui.css'

Vue.use(ElementUI);
Vue.use(ZUI);
```


## rollup命令:
### npm run lib--rollup
```
"main": "dist/lib-cjs.js",
或者
"main": "dist/lib-umd.js",
```


## rollup使用说明
```js
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import ZUI from "@luzhaoqi/z-ui";
import '@luzhaoqi/z-ui/dist/assets/css/index.css'

Vue.use(ElementUI);
Vue.use(ZUI);
```
npm package: @luzhaoqi/x-ui2
Description: vue2对element-ui组件进行二次封装
Latest version: 0.0.4

# x-ui2
## vue2的版本
**分为webpack打包合rollup打包，每次发包需要修改package.json中的版本号**

## webpack命令:
### npm run lib--webpack
```
"main": "dist/x-ui2.umd.min.js",
```


## rollup命令:
### npm run lib--rollup
```
"main": "dist/x-ui2.cjs",
或者
"main": "dist/x-ui2.umd.js",
```


## 使用说明
```js
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import XUI2 from "@luzhaoqi/x-ui2";
import "@luzhaoqi/x-ui/dist/x-ui2.css";

Vue.use(ElementUI);
Vue.use(XUI2);
```
npm package: @luzhaoqi/x-ui3
Description: vue3对element-plus组件进行二次封装
Latest version: 0.0.5

# x-ui3
## vue3的版本
**每次发包需要修改package.json中的版本号**



## rollup命令:
### npm run lib
```
"main": "dist/x-ui3.umd.js",
```


## 使用说明
```js
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
import 'element-plus/dist/index.css'
import XUI3 from '@luzhaoqi/x-ui3'
import '@luzhaoqi/x-ui3/dist/style.css'

app.use(ElementPlus, {
   locale: zhCn,
   size: 'large'
})
app.use(XUI3)
```
npm package: @luzhaoqi/z-ui
Description: vue2对element-ui组件进行二次封装
Latest version: 0.0.27

自动增加版本号
主题色

# z-ui 尽量用rollup打包
## vue2的版本
**分为webpack打包合rollup打包**

## webpack命令:
### npm run lib--webpack
```
"main": "dist/z-ui.umd.min.js",
```
## webpack使用说明 todo有问题未解决
```js
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import ZUI from "@luzhaoqi/z-ui";
import '@luzhaoqi/z-ui/dist/z-ui.css'

Vue.use(ElementUI);
Vue.use(ZUI);
```


## rollup命令:
### npm run lib--rollup
```
"main": "dist/z-ui-cjs.js",
或者
"main": "dist/z-ui-umd.js",
```


## rollup使用说明
```js
import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import ZUI from "@luzhaoqi/z-ui";
import '@luzhaoqi/z-ui/dist/assets/css/index.css'

Vue.use(ElementUI);
Vue.use(ZUI);
```
npm package: @luzhaoqi/z-ui3
Description: This template should help get you started developing with Vue 3 in Vite.
Latest version: 0.0.1

# vue-project

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
npm install
```

### Compile and Hot-Reload for Development

```sh
npm run dev
```

### Compile and Minify for Production

```sh
npm run build
```

### Lint with [ESLint](https://eslint.org/)

```sh
npm run lint
```