Socket
Socket
Sign inDemoInstall

@vue/babel-plugin-jsx

Package Overview
Dependencies
Maintainers
4
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue/babel-plugin-jsx - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

67

package.json
{
"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 @@ );

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc