@neatui/vue

@neatui/vue

NeatUI Vue component package for Vue 3 and Nuxt projects.

Nuxt users should use @neatui/vue directly.

Installation

npm install @neatui/css @neatui/vue

Vue Usage

Import the style package once in your app entry:

import '@neatui/css';

Import components from @neatui/vue:

<template>
  <Input v-model="value" placeholder="Enter text" />
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { Input } from '@neatui/vue';

const value = ref('');
</script>

Nuxt Usage

Import the style package from a Nuxt app stylesheet:

/* app/assets/css/main.scss */
@use '@neatui/css' as *;

Register the stylesheet in nuxt.config.ts:

export default defineNuxtConfig({
  css: ['@/assets/css/main.scss'],
});

Use explicit component imports:

<template>
  <FormLoader :form="form" :data="data" />
</template>

<script setup lang="ts">
import { reactive } from 'vue';
import { FormLoader } from '@neatui/vue';

const form = [
  { label: 'Name', field: 'name' },
];

const data = reactive({
  name: '',
});
</script>

Documentation

http://neatui.fekit.cn