@vue/babel-plugin-jsx
Advanced tools
Comparing version 1.1.0 to 1.1.1
@@ -53,3 +53,4 @@ "use strict"; | ||
*/ | ||
const shouldTransformedToSlots = (tag) => !(tag.endsWith(exports.FRAGMENT) || tag === exports.KEEP_ALIVE); | ||
// if _Fragment is already imported, it will end with number | ||
const shouldTransformedToSlots = (tag) => !(tag.match(RegExp(`^_?${exports.FRAGMENT}\\d*$`)) || tag === exports.KEEP_ALIVE); | ||
exports.shouldTransformedToSlots = shouldTransformedToSlots; | ||
@@ -56,0 +57,0 @@ /** |
{ | ||
"name": "@vue/babel-plugin-jsx", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "Babel plugin for Vue 3.0 JSX", | ||
@@ -52,3 +52,3 @@ "author": "Amour1688 <lcz_1996@foxmail.com>", | ||
}, | ||
"gitHead": "942b3b4a65c37bc2fb39e9045092460633aab327" | ||
"gitHead": "04fb7f7780a47a7c82f8c7f34b548950f288b4e5" | ||
} |
# Babel Plugin JSX for Vue 3.0 | ||
[![CircleCI](https://circleci.com/gh/vuejs/jsx-next.svg?style=svg)](https://circleci.com/gh/vuejs/vue-next) [![npm package](https://img.shields.io/npm/v/@vue/babel-plugin-jsx.svg?style=flat-square)](https://www.npmjs.com/package/@vue/babel-plugin-jsx) | ||
[![issues-helper](https://img.shields.io/badge/Issues%20Manage%20By-issues--helper-blueviolet?style=flat-square)](https://github.com/actions-cool/issues-helper) | ||
@@ -17,5 +18,5 @@ To add Vue JSX support. | ||
Then add the plugin to .babelrc: | ||
Then add the plugin to your babel config: | ||
```js | ||
```json | ||
{ | ||
@@ -142,3 +143,3 @@ "plugins": ["@vue/babel-plugin-jsx"] | ||
v-show | ||
#### v-show | ||
@@ -156,3 +157,3 @@ ```jsx | ||
v-model | ||
#### v-model | ||
@@ -166,2 +167,6 @@ > Note: You should pass the second param as string for using `arg`. | ||
```jsx | ||
<input v-model:argument={val} /> | ||
``` | ||
```jsx | ||
<input v-model={[val, ["modifier"]]} /> | ||
@@ -186,3 +191,3 @@ ``` | ||
v-models | ||
#### v-models (Not recommended since v1.1.0) | ||
@@ -230,4 +235,6 @@ > Note: You should pass a Two-dimensional Arrays to v-models. | ||
custom directive | ||
#### custom directive | ||
Recommended when using string arguments | ||
```jsx | ||
@@ -237,2 +244,11 @@ const App = { | ||
setup() { | ||
return () => <a v-custom:arg={val} />; | ||
}, | ||
}; | ||
``` | ||
```jsx | ||
const App = { | ||
directives: { custom: customDirective }, | ||
setup() { | ||
return () => <a v-custom={[val, "arg", ["a", "b"]]} />; | ||
@@ -239,0 +255,0 @@ }, |
Sorry, the diff of this file is not supported yet
Copyleft License
License(Experimental) Copyleft license information was found
Found 1 instance in 1 package
No License Found
License(Experimental) License information could not be found
Found 1 instance in 1 package
Non-permissive License
License(Experimental) A license not known to be considered permissive was found
Found 1 instance in 1 package
96801
1279
377
3