@vue/babel-plugin-jsx
Advanced tools
Comparing version 1.1.1 to 1.1.2
{ | ||
"name": "@vue/babel-plugin-jsx", | ||
"version": "1.1.1", | ||
"description": "Babel plugin for Vue 3.0 JSX", | ||
"version": "1.1.2", | ||
"description": "Babel plugin for Vue 3 JSX", | ||
"author": "Amour1688 <lcz_1996@foxmail.com>", | ||
"homepage": "https://github.com/vuejs/jsx-next/tree/dev/packages/babel-plugin-jsx#readme", | ||
"homepage": "https://github.com/vuejs/babel-plugin-jsx/tree/dev/packages/babel-plugin-jsx#readme", | ||
"license": "MIT", | ||
"main": "dist/index.js", | ||
"module": "dist/index.mjs", | ||
"types": "dist/index.d.ts", | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/vuejs/jsx-next.git" | ||
"url": "git+https://github.com/vuejs/babel-plugin-jsx.git" | ||
}, | ||
"scripts": { | ||
"build": "rm -rf dist && tsc", | ||
"watch": "rm -rf dist && tsc --watch", | ||
"lint": "eslint 'src/*.ts'", | ||
"test": "yarn build && jest --coverage", | ||
"prepublishOnly": "yarn build" | ||
}, | ||
"bugs": { | ||
"url": "https://github.com/vuejs/jsx-next/issues" | ||
"url": "https://github.com/vuejs/babel-plugin-jsx/issues" | ||
}, | ||
@@ -27,28 +22,30 @@ "files": [ | ||
"dependencies": { | ||
"@babel/helper-module-imports": "^7.0.0", | ||
"@babel/plugin-syntax-jsx": "^7.0.0", | ||
"@babel/template": "^7.0.0", | ||
"@babel/traverse": "^7.0.0", | ||
"@babel/types": "^7.0.0", | ||
"@vue/babel-helper-vue-transform-on": "^1.0.2", | ||
"camelcase": "^6.0.0", | ||
"html-tags": "^3.1.0", | ||
"svg-tags": "^1.0.0" | ||
"@babel/helper-module-imports": "^7.22.5", | ||
"@babel/plugin-syntax-jsx": "^7.22.5", | ||
"@babel/template": "^7.22.5", | ||
"@babel/traverse": "^7.22.5", | ||
"@babel/types": "^7.22.5", | ||
"camelcase": "^6.3.0", | ||
"html-tags": "^3.3.1", | ||
"svg-tags": "^1.0.0", | ||
"@vue/babel-helper-vue-transform-on": "^1.1.2" | ||
}, | ||
"devDependencies": { | ||
"@babel/core": "^7.15.5", | ||
"@babel/preset-env": "^7.15.4", | ||
"@types/jest": "^26.0.24", | ||
"@babel/core": "^7.22.5", | ||
"@babel/preset-env": "^7.22.5", | ||
"@types/babel__template": "^7.4.1", | ||
"@types/babel__traverse": "^7.20.1", | ||
"@types/svg-tags": "^1.0.0", | ||
"@typescript-eslint/eslint-plugin": "^4.30.0", | ||
"@typescript-eslint/parser": "^4.30.0", | ||
"@vue/compiler-dom": "3.2.8", | ||
"@vue/test-utils": "2.0.0-beta.2", | ||
"jest": "^26.0.1", | ||
"regenerator-runtime": "^0.13.9", | ||
"ts-jest": "^26.1.3", | ||
"typescript": "^4.4.2", | ||
"vue": "3.2.8" | ||
"@vue/runtime-dom": "^3.3.4", | ||
"@vue/test-utils": "^2.4.0", | ||
"regenerator-runtime": "^0.13.11", | ||
"vue": "^3.3.4" | ||
}, | ||
"gitHead": "04fb7f7780a47a7c82f8c7f34b548950f288b4e5" | ||
} | ||
"peerDependencies": { | ||
"@babel/core": "^7.0.0-0" | ||
}, | ||
"scripts": { | ||
"build": "tsup", | ||
"watch": "tsup --watch" | ||
} | ||
} |
@@ -1,4 +0,4 @@ | ||
# Babel Plugin JSX for Vue 3.0 | ||
# Babel Plugin JSX for Vue 3 | ||
[![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) | ||
[![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) | ||
@@ -99,3 +99,3 @@ | ||
```jsx | ||
import { withModifiers, defineComponent } from "vue"; | ||
import { withModifiers, defineComponent } from 'vue'; | ||
@@ -111,3 +111,3 @@ const App = defineComponent({ | ||
return () => ( | ||
<div onClick={withModifiers(inc, ["self"])}>{count.value}</div> | ||
<div onClick={withModifiers(inc, ['self'])}>{count.value}</div> | ||
); | ||
@@ -138,3 +138,3 @@ }, | ||
```jsx | ||
const placeholderText = "email"; | ||
const placeholderText = 'email'; | ||
const App = () => <input type="email" placeholder={placeholderText} />; | ||
@@ -171,7 +171,7 @@ ``` | ||
```jsx | ||
<input v-model={[val, ["modifier"]]} /> | ||
<input v-model={[val, ['modifier']]} /> | ||
``` | ||
```jsx | ||
<A v-model={[val, "argument", ["modifier"]]} /> | ||
<A v-model={[val, 'argument', ['modifier']]} /> | ||
``` | ||
@@ -187,3 +187,3 @@ | ||
}, | ||
"onUpdate:argument": ($event) => (val = $event), | ||
'onUpdate:argument': ($event) => (val = $event), | ||
}); | ||
@@ -197,3 +197,3 @@ ``` | ||
```jsx | ||
<A v-models={[[foo], [bar, "bar"]]} /> | ||
<A v-models={[[foo], [bar, 'bar']]} /> | ||
``` | ||
@@ -204,4 +204,4 @@ | ||
v-models={[ | ||
[foo, "foo"], | ||
[bar, "bar"], | ||
[foo, 'foo'], | ||
[bar, 'bar'], | ||
]} | ||
@@ -214,4 +214,4 @@ /> | ||
v-models={[ | ||
[foo, ["modifier"]], | ||
[bar, "bar", ["modifier"]], | ||
[foo, ['modifier']], | ||
[bar, 'bar', ['modifier']], | ||
]} | ||
@@ -229,3 +229,3 @@ /> | ||
}, | ||
"onUpdate:modelValue": ($event) => (foo = $event), | ||
'onUpdate:modelValue': ($event) => (foo = $event), | ||
bar: bar, | ||
@@ -235,3 +235,3 @@ barModifiers: { | ||
}, | ||
"onUpdate:bar": ($event) => (bar = $event), | ||
'onUpdate:bar': ($event) => (bar = $event), | ||
}); | ||
@@ -257,3 +257,3 @@ ``` | ||
setup() { | ||
return () => <a v-custom={[val, "arg", ["a", "b"]]} />; | ||
return () => <a v-custom={[val, 'arg', ['a', 'b']]} />; | ||
}, | ||
@@ -265,3 +265,3 @@ }; | ||
> Note: In `jsx`, _`v-slot`_ should be replace with **`v-slots`** | ||
> Note: In `jsx`, _`v-slot`_ should be replaced with **`v-slots`** | ||
@@ -271,4 +271,4 @@ ```jsx | ||
<> | ||
<h1>{ slots.default ? slots.default() : 'foo' }</h1> | ||
<h2>{ slots.bar?.() }</h2> | ||
<h1>{slots.default ? slots.default() : 'foo'}</h1> | ||
<h2>{slots.bar?.()}</h2> | ||
</> | ||
@@ -313,3 +313,3 @@ ); | ||
</A> | ||
<B>{() => "foo"}</B> | ||
<B>{() => 'foo'}</B> | ||
</> | ||
@@ -316,0 +316,0 @@ ); |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
Empty package
Supply chain riskPackage does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
9
8918
10
3
0
1
3
Updated@babel/template@^7.22.5
Updated@babel/traverse@^7.22.5
Updated@babel/types@^7.22.5
Updatedcamelcase@^6.3.0
Updatedhtml-tags@^3.3.1