Nuxt/examples/jsx/components/test.vue

<template>
  <p>
    {{ data }}
  </p>
</template>

<script>
export default {
  props: {
    data: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
p {
  padding: 5px 20px;
}
</style>
example: add jsx 2017-12-08 14:58:05 +00:00			`<template>`
feat: upgrade eslint to 5.x (#3494) - [ ] babel-eslint https://github.com/babel/babel-eslint/issues/664 - [x] eslint-config-standard-jsx https://github.com/standard/eslint-config-standard-jsx/issues/32 - [x] eslint-config-standard to be stable release https://github.com/standard/eslint-config-standard/issues/123 - [x] eslint-plugin-html - [x] eslint-plugin-import - [x] eslint-plugin-jest - [x] eslint-plugin-node - [x] eslint-plugin-promise - [x] eslint-plugin-standard https://github.com/standard/eslint-plugin-standard/issues/29 - [x] eslint-plugin-vue https://github.com/vuejs/eslint-plugin-vue/pull/504 - [x] eslint-plugin-react https://github.com/yannickcr/eslint-plugin-react/releases/tag/v7.10.0 2018-08-31 20:34:12 +00:00			`<p>`
			`{{ data }}`
			`</p>`
example: add jsx 2017-12-08 14:58:05 +00:00			`</template>`

			`<script>`
			`export default {`
			`props: {`
refactor: use eslint-plugin-vue instead of eslint-plugin-html (#3517) 2018-07-12 12:03:50 +00:00			`data: {`
			`type: String,`
			`default: ''`
			`}`
example: add jsx 2017-12-08 14:58:05 +00:00			`}`
			`}`
			`</script>`

			`<style scoped>`
			`p {`
			`padding: 5px 20px;`
			`}`
			`</style>`