# sfc2esm

**Repository Path**: Tofu_Xx/sfc2esm

## Basic Information

- **Project Name**: sfc2esm
- **Description**: Code convertor from SFC to ESM | 由SFC到ESM的代码转换器
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-11-15
- **Last Updated**: 2024-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, converter, SFC, esm

## README

<h1 align='center'>
  sfc2esm
</h1>

![logo](./docs/sfc2esm.png)

<br>

<p align='center'>
  <a href="./README.md">English</a> | <b>简体中文</b>
</p>

<br>

关于各种Vue SFC源码转换的方法

## API

```ts
export interface Options {
  id?: string
  appName?: string
}
export declare function useXxx2x({ id, appName }?: Options): {
  scr2app: (scriptSource: string, setup?: boolean) => string
  tem2render: (templateSource: string) => string
  sty2css: (styleSource: string, scoped?: boolean) => string
  sfc2x: (sfcSource: string, mount?: string) => {
    esm: string
    app: string
    render: string
    css: string
  }
}
```

## 谁在用这个？

<a href="../../../setupin">
  <img src="https://raw.githubusercontent.com/Tofu-Xx/setupin/refs/heads/main/public/logo.svg" width="100" alt="setupin">
</a>

 [setupin](../../../setupin)

<br>

<p align='right'>
  logo by:
  <a href="https://github.com/xiaoluoboding/vue-sfc2esm">
    vue-sfc2esm
  </a>
</p>
<p align='right'>
  dependencies:
  <a href="https://github.com/vuejs/core/tree/main/packages/compiler-sfc#readme">
    @vue/compiler-sfc
  </a>
</p>