# vite-plugin-vue-template-tag

> 支持.vue文件根标签添加tag等属性，解析成新的子元素并包裹旧的子元素

Latest version **0.1.0** (published 2022-12-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install vite-plugin-vue-template-tag
pnpm add vite-plugin-vue-template-tag
yarn add vite-plugin-vue-template-tag
bun add vite-plugin-vue-template-tag
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2022-12-12 |
| First published | 2022-12-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 7.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | wsvaio |
| Maintainers | wscloud |
| Keywords | vite, plugin, vue, tempalte, tag |

## Links

- npm: https://www.npmjs.com/package/vite-plugin-vue-template-tag
- Repository: https://github.com/wsvaio/vite-plugin-vue-template-tag
- Issues: https://github.com/wsvaio/vite-plugin-vue-template-tag/issues
- npm.io page: https://npm.io/package/vite-plugin-vue-template-tag

## Dependencies (1)

- [vite](https://npm.io/package/vite.md) ^3.2.5

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2022-12-12
- 0.1.0-3 — 2022-12-08
- 0.1.0-2 — 2022-12-08
- 0.1.0-1 — 2022-12-08
- 0.0.5-0 — 2022-12-07
- 0.0.4 — 2022-12-07
- 0.0.3 — 2022-12-07
- 0.0.2 — 2022-12-07
- 0.0.1 — 2022-12-07
- 0.0.1-1 — 2022-12-07
- 0.0.1-0 — 2022-12-06

## README

# vite-plugin-vue-template-tag
支持.vue文件<template>根标签添加tag等属性，解析成新的子元素并包裹旧的子元素

# EXAMPLE
1. install
```
npm install -D vite-plugin-vue-template-tag
```
2. config
```typescript
// vite.config.ts
...
import templateTag from "vite-plugin-vue-template-tag";
...
  plugins: [
    vue(),
    templateTag()
  ],
...
```
3. IN
```vue
<template tag="div" class="root" lang="html" @click="(ev) => {ev.preventDefault(); }" hide :isHidden="false">
  <h1>Hello World !</h1>

</template>
```

4. OUT
```vue
<template>
<div class="root" @click="(ev) => { ev.preventDefault(); }" :isHidden="false" hide>
  <h1>Hello World !</h1>

</div>
</template>
```

---
_Source: https://npm.io/package/vite-plugin-vue-template-tag · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._