{"bugs":{"url":"https://github.com/vueComponent/jsx/issues"},"dist":{"shasum":"7a3ca964685abef1c520e8e80c4e9bbf26236728","tarball":"https://registry.npmjs.org/@ant-design-vue/babel-plugin-jsx/-/babel-plugin-jsx-1.0.0-alpha.2.tgz","fileCount":12,"integrity":"sha512-kFAaB3Yd0LH7IFpsfi8jUhu7VxIXzL++bEt8UKnBxA2vwzqCDLxfh6jagj9caKSxjkoofYbTLTW4XYUb0GVDfw==","signatures":[{"sig":"MEQCIHoMq3CZT9tsH13JXLrDW1Qam2qFNvxgAqc8dH4oC4f+AiB2f67a7V6AtZtXuk8STRW3PPc9oHtzjG/eX6Huc/OJ6w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":944697,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeyoqkCRA9TVsSAnZWagAAHt4P/jOAwLPK31vlHvMDK/mW\nkwyvXU4i/9SNPEHPTjAsdiI9LHx/UI9TCPohUWg2mqQyCzQVduIWDTklChsp\nUUFbHqqMQQB2A7hZV/X6OrBFeNC5ljECDuMa9v9KkrOu+saZ0P0co/cJYJeu\ngNe0SLWb3yhSwuFEcL4YxiIAtuyAf/2FPmzCFELrbYkLO+YYj0gBBx+209th\n02I3txuEouey2I4wxusnPK7ANwwqKTvFI/MjHDHHwcOWMhGxBWqI9rVXnXjO\nRkTyXnxRnx2xCuv7csBC9HWBT5GqwGtXHdqYnxJ9QMZVvfuBYXWpqnT4jIO9\n+idou4dk/p7EIEgtrmCz7F/Ri1IoFJibRg33rfEmGH/MigsQ2/fWs4XgPVoE\nbhvJPPeludBOKd6F54PCxwCMcF3um3/PxSg74V/vn4ga7ySKWLR9tBVSrFCP\nBgL8FznIBY+RVVc0isJkg5tppyd7NDn/3Rfm0zBFEvvLmRoKtdPrX5p11Hav\nyKl2PjF0IFM0/uxvsw5BFh4Sf9P+nLbfWhiG7sCszHUftylBFfBcIFG6wZgS\naH8p1+IgE5omNNz9KKS3mhvZu3aAAON5SxAhzLHGrcJ1SYIeWPaH8Y5mlDa2\nUUN9PgkeyZ2WiyGnZg3flyzZKU8v+Bbte6MLCcVOfeDXSavmjae0xROgDo0r\nF+i4\r\n=cXGw\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.js","name":"@ant-design-vue/babel-plugin-jsx","author":"","readme":"# Babel Plugin JSX for Vue 3.0\n\nTo add Vue JSX support.\n\n## Installation\n\nInstall the plugin with:\n\n```\nnpm install @ant-design-vue/babel-plugin-jsx\n```\n\nThen add the plugin to .babelrc:\n\n```\n{\n  \"plugins\": [\"@ant-design-vue/babel-plugin-jsx\"]\n}\n```\n\n## Syntax\n\n### Content\nfunctional component\n\n```jsx\nconst App = () => <div></div>\n```\n\nwith render\n\n```jsx\nconst App = {\n  render() {\n    return <div>Vue 3.0</div>\n  }\n}\n```\n\n```jsx\nconst App = defineComponent(() => {\n  const count = ref(0);\n\n  const inc = () => {\n    count.value++;\n  };\n\n  return () => (\n    <div onClick={inc}>\n      {count.value}\n    </div>\n  )\n})\n```\n\nfragment\n\n```jsx\nconst App = () => (\n  <>\n    <span>I'm</span>\n    <span>Fragment</span>\n  </>\n)\n```\n\n### Attributes/Props\n\n```jsx\nconst App = () => <input type=\"email\" />\n```\n\nwith a dynamic binding:\n\n```jsx\nconst placeholderText = 'email'\nconst App = () => (\n  <input\n    type=\"email\"\n    placeholder={placeholderText}\n  />\n)\n```\n\n### Directives\n\n> It is recommended to use camelCase version of it (`vModel`) in JSX, but you can use kebab-case too (`v-model`).\n\nv-show\n\n```jsx\nconst App = {\n  data() {\n    return { visible: true };\n  },\n  render() {\n    return <input vShow={this.visible} />;\n  },\n};\n```\n\nv-model\n\n* You should use underscore (`_`) instead of dot (`.`) for modifiers (`vModel_trim={this.test}`)\n\n```jsx\nexport default {\n  data: () => ({\n    test: 'Hello World',\n  }),\n  render() {\n    return (\n      <>\n        <input type=\"text\" vModel_trim={this.test} />\n        {this.test}\n      </>\n    )\n  },\n}\n```\n\n\n## Compatibility\n\nThis repo is only compatible with:\n\n- **Babel 7+**\n- **Vue 3+**\n","gitHead":"9a2a5277b4004fc4a75c1873a3fb8ae8b6f1318d","license":"MIT","scripts":{"dev":"webpack-dev-server","lint":"eslint --ext .js src","test":"jest --config .jest.js"},"_npmUser":{"name":"amour1688","email":"lcz_1996@foxmail.com"},"homepage":"https://github.com/vueComponent/jsx#readme","keywords":["vue","jsx"],"repository":{"url":"git+https://github.com/vueComponent/jsx.git","type":"git"},"_npmVersion":"6.14.5","description":"Babel plugin for Vue 3.0 JSX","directories":{},"maintainers":[{"name":"amour1688","email":"lcz_1996@foxmail.com"},{"name":"sandianbaozi","email":"sandianbaozi@163.com"},{"name":"sendya","email":"yladmxa@gmail.com"},{"name":"tangjinzhou","email":"415800467@qq.com"}],"_nodeVersion":"10.15.1","dependencies":{"svg-tags":"^1.0.0","camelcase":"^6.0.0","html-tags":"^3.1.0","@babel/plugin-syntax-jsx":"^7.0.0","@babel/helper-module-imports":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vue":"^3.0.0-beta.14","jest":"^26.0.1","eslint":"^7.0.0","webpack":"^4.43.0","babel-jest":"^26.0.1","@babel/core":"^7.9.6","webpack-cli":"^3.3.11","babel-eslint":"^10.1.0","babel-loader":"^8.1.0","@vue/test-utils":"^2.0.0-alpha.6","@babel/preset-env":"^7.9.6","webpack-dev-server":"^3.10.3","regenerator-runtime":"^0.13.5","eslint-config-airbnb":"^18.1.0","eslint-plugin-import":"^2.20.2"},"_npmOperationalInternal":{"tmp":"tmp/babel-plugin-jsx_1.0.0-alpha.2_1590332067951_0.09403652746577373","host":"s3://npm-registry-packages"},"_id":"@ant-design-vue/babel-plugin-jsx@1.0.0-alpha.2","version":"1.0.0-alpha.2"}