open-index/open-npm huggingface dataset:
npm package: @fujia/nuxtjs-template
Description: A template for Nuxt.js.
Author: fujia
Latest version: 0.2.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/nuxtjs-template</h1>
</div>

<div align="center">

A template for Nuxt.js.

</div>

## Deploy

### tools

1, PM2

consult this article: [Deploy Nuxt using PM2](https://nuxtjs.org/deployments/pm2/)

2, Nginx

consult this article: [Using NGINX as a reverse proxy](https://nuxtjs.org/deployments/nginx/)

## References
npm package: @fujia/react-component-template
Description: A component template for ui framework of @ui-puzzles/rect
Author: fujia
Latest version: 0.2.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/react-component-template</h1>
</div>

<div align="center">

A component template for ui framework of @ui-puzzles/rect

</div>

## References
npm package: @fujia/react-native-component-template
Description: A component template for react native
Author: fujia
Latest version: 0.1.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/react-native-component-template</h1>
</div>

<div align="center">

A component template for react native.

</div>

## References
npm package: @fujia/react-template
Description: A template for react build with TypeScript
Author: fujia
Latest version: 0.1.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/react-template</h1>
</div>

<div align="center">

A template for react build with TypeScript.

</div>

## References
npm package: @fujia/request
Description: A simple Ajax library build on axios
Author: fujia
Latest version: 0.3.1

<div align="center">
  <a href="https://www.npmjs.com/package/@fujia/request" target="_blank">
    <img src="https://github.com/fujia-blogs/articles/blob/main/assets/fetch.png" alt="@fujia/request" width=200 />
  </a>
</div>

<div align="center">
  <h1>@fujia/request</h1>
</div>

<div align="center">

A simple Ajax library build on axios.

</div>

<div align="center">

English | [简体中文](./README.zh-CN.md)

</div>

## Installing

Using npm:

```sh
npm i @fujia/request
```

Using yarn:

```sh
yarn add axios
```

Using unpkg CDN:

```html
<script src="https://unpkg.com/@fujia/request@0.3.0/lib/request.min.js"></script>
```

## Example

Configuring your request as you like:

```ts
// ax.ts
import { Request } from '@fujia/request';
import type { RequestConfig } from '@fujia/request';

interface DogRes {
  message: string;
  status: string;
}

const request = new Request({
  timeout: 1000 * 60 * 5,
  interceptors: {
    requestInterceptors: (config) => {
      console.log('interceptor of instance request');
      return config;
    },
    responseInterceptors: (res) => {
      console.log('interceptor of instance request');
      return res;
    },
  },
});

export const fjRequest = (config: RequestConfig) => {
  return request.request<DogRes>(config);
};
```

Using the instance as following:

```ts
// dogs.ts
import { fjRequest } from './ax';

function main() {
  fjRequest({
    url: 'https://dog.ceo/api/breeds/image/random',
  }).then((res) => {
    if (res.status === 'success') {
      console.log(res.message);
    }
  });
}

main();
```

## References

1. [axios](https://www.axios-http.cn/docs/intro)
npm package: @fujia/spawn
Description: An easy-to-use spawn function of node.js
Author: fujia
Latest version: 1.0.1

<div align="center">
  <h1>@fujia/spawn</h1>
</div>

<div align="center">

An easy-to-use spawn function of node.js.

</div>

<div align="center">

English | [简体中文](./README.zh-CN.md)

</div>

## Installing

Using npm:

```sh
npm install @fujia/spawn
```

Using yarn:

```sh
yarn add @fujia/spawn
```

## Usage

Simply to use, as follows:

```ts
import { spawn, spawnAsync } from '@fujia/spawn';

spawn('npm', ['get', 'registry'], {
  stdio: 'inherit',
  shell: true,
});

async function getNpmRegistry() {
  const code = await spawnAsync('npm', ['get', 'registry'], {
    stdio: 'inherit',
    shell: true,
  });

  console.log('exec code', code);
}

getNpmRegistry();
```

## References

1. [child_process](https://nodejs.org/dist/latest-v16.x/docs/api/child_process.html).
npm package: @fujia/stage-template
Description: A template for creating stage template quickly
Author: fujia
Latest version: 1.0.1

<div align="center">
  <a href="https://github.com/fujia-cli/stage" target="_blank">
    <img alt="stage logo" width="200" src="https://github.com/fujia-blogs/articles/blob/main/stage-ci/assets/stage.svg"/>
  </a>
</div>

<div align="center">
  <h1>@fujia/stage-template</h1>
</div>

<div align="center">

A template for creating stage template quickly.

</div>
npm package: @fujia/user-home
Description: Obtain the user home directory and fallback to the system temp directory if don't exist.
Author: fujia
Latest version: 1.1.1

<div align="center">
  <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/user-home.svg"/>
</div>

<div align="center">
  <h1>@fujia/user-home</h1>
</div>

<div align="center">

Obtain the user home directory and fallback to the system temp directory if don't exist.

</div>

<div align="center">

English | [简体中文](./README.zh-CN.md)

</div>


## Installation

```bash
npm i @fujia/user-home

# or use yarn
yarn add @fujia/user-home
```

## Usage

You can import the generated bundle to use the whole library generated by this starter:

```javascript
import userHome from '@fujia/user-home'

console.log(await userHome()); // => '/Users/sunny'

// And if there is no home directory:
console.log(await userHome()); // => undefined, and log info: 'Doesn\'t exist home directory for current login user.'

// also, you can get the temp directory by pass true param
console.log(await userHome(true)); // => something look like(mac): /var/folders/70/x0nk_t0s2m93xbzq4x7px0t40000gn/T 

```
npm package: @fujia/vue-component-template
Description: A component template for vue@2.x
Author: fujia
Latest version: 0.1.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/vue-component-template</h1>
</div>

<div align="center">

A component template for vue.

</div>

## References
npm package: @fujia/vue-next-template
Description: A template for vue@3.x build with TypeScript
Author: fujia
Latest version: 0.1.1

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/vue-next-template</h1>
</div>

<div align="center">

A template for vue3 build with TypeScript.

</div>

## References
npm package: @fujia/web-component-template
Description: A component template for web-component
Author: fujia
Latest version: 0.1.1

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/web-component-template</h1>
</div>

<div align="center">

A component template for web-component.

</div>

## References
npm package: @fujia/wechat-component-template
Description: A component template for wechat-component
Author: fujia
Latest version: 0.1.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/wechat-component-template</h1>
</div>

<div align="center">

A component template for wechat-component.

</div>

## References
npm package: @fujia/wechat-template
Description: A template for wechat mini-program
Author: fujia
Latest version: 0.1.0

<div align="center">
  <a href="" target="_blank">
    <!-- <img alt="hammer logo" width="200" src="https://static-images-1305792369.cos.ap-shanghai.myqcloud.com/hammer.svg"/> -->
  </a>
</div>

<div align="center">
  <h1>@fujia/wechat-template</h1>
</div>

<div align="center">

A template for wechat mini-program.

</div>

## References
npm package: @fujica/components
Description: 基础 uni-app 组件库
Latest version: 0.0.1

# Fujica UI

基础的 uni-app 组件库，包含常用的基础组件。

## 📦 安装

### npm 安装

```bash
npm install @fujica/components
# 或
pnpm add @fujica/components
# 或
yarn add @fujica/components
```

### uni_modules 安装

将项目克隆或下载后，复制 `src/components` 目录到你的 uni-app 项目的 `src/uni_modules/@fujica/components/components` 目录下。

## 🚀 使用方式

### 方式一：uni-app 项目（推荐）

默认导入源码，让 uni-app 编译系统处理多端编译：

```vue
<template>
  <view>
    <fs-button type="primary">主要按钮</fs-button>
    <fs-icon name="search" size="24px" />
    <fs-input v-model="value" placeholder="请输入" />
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { FsButton, FsIcon, FsInput } from '@fujica/components'

const value = ref('')
</script>
```

### 方式二：非 uni-app 项目

如果在普通 Vue 项目中使用编译后的版本：

```typescript
import { FsButton, FsIcon, FsInput } from '@fujica/components/dist'
```

或在 Vite 配置中添加别名：

```typescript
// vite.config.ts
export default {
  resolve: {
    alias: {
      '@fujica/components': '@fujica/components/dist'
    }
  }
}
```

## 📚 组件列表

- **FsButton** - 按钮组件
- **FsIcon** - 图标组件  
- **FsInput** - 输入框组件

## 💡 类型支持

项目已内置 TypeScript 类型定义，支持：
- ✅ 组件 Props 类型提示
- ✅ 全局组件类型（Volar 支持）
- ✅ 工具函数类型

## 📖 文档

运行文档站点：

```bash
pnpm docs:dev
```

## 🛠 开发

```bash
# 安装依赖
pnpm install

# H5 开发
pnpm dev:h5

# 微信小程序开发
pnpm dev:mp-weixin

# 构建库文件（发布前）
pnpm build:lib

# 文档开发
pnpm docs:dev

# 构建文档
pnpm docs:build
```

## 📝 发布流程

1. 更新版本号：编辑 `package.json` 中的 `version` 字段
2. 构建库文件：`pnpm build:lib`
3. 发布到 npm：`npm publish --access public`

## License

MIT