46 lines
839 B
Vue
46 lines
839 B
Vue
<template>
|
|
<div class="article-small">
|
|
<figure v-if="image" class="article-small__image">
|
|
<img
|
|
:src="image"
|
|
:alt="title"
|
|
/>
|
|
</figure><!-- /.article-small__image -->
|
|
|
|
<div class="article-small__content">
|
|
<h6 class="article-small__title">{{ title }}</h6><!-- /.article-small__title -->
|
|
|
|
<div class="article-small__entry">
|
|
<slot />
|
|
</div><!-- /.article-small__entry -->
|
|
</div><!-- /.article-small__content -->
|
|
</div><!-- /.article-small -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
/**
|
|
* The name of the component.
|
|
*
|
|
* @type {Strng}
|
|
*/
|
|
name: 'ArticleSmall',
|
|
|
|
/**
|
|
* The supported properties of the component.
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
props: {
|
|
image: {
|
|
type: String,
|
|
default: () => {}
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: () => {}
|
|
}
|
|
}
|
|
}
|
|
</script>
|