mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-24 14:45:15 +00:00
b11e9c0e51
- [ ] 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
55 lines
923 B
Vue
Executable File
55 lines
923 B
Vue
Executable File
<template lang="html">
|
|
<div class="main">
|
|
<post title="My first blog post">
|
|
<v-p>Hello there</v-p>
|
|
<v-p>This is an example of a componentized blog post</v-p>
|
|
</post>
|
|
|
|
<v-hr />
|
|
|
|
<post title="My second blog post">
|
|
<v-p>Hello there</v-p>
|
|
<v-p>This is another example.</v-p>
|
|
<v-p>Wa-hoo!</v-p>
|
|
</post>
|
|
|
|
<v-hr />
|
|
|
|
<post title="The final blog post">
|
|
<v-p>C'est la fin !</v-p>
|
|
</post>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Post from '~/components/post'
|
|
import vP from '~/components/paragraph'
|
|
const vHr = { render: h => h('hr', { class: 'hr' }) }
|
|
|
|
export default {
|
|
components: {
|
|
Post,
|
|
'v-p': vP,
|
|
'v-hr': vHr
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.main {
|
|
margin: auto;
|
|
max-width: 420px;
|
|
padding: 10px;
|
|
}
|
|
.hr {
|
|
width: 100px;
|
|
border-width: 0;
|
|
margin: 20px auto;
|
|
text-align: center;
|
|
}
|
|
hr::before {
|
|
content: '***';
|
|
color: #ccc;
|
|
}
|
|
</style>
|