|
|
@ -0,0 +1,55 @@ |
|
|
|
{# |
|
|
|
/** |
|
|
|
* @file |
|
|
|
* Default theme implementation to display a block. |
|
|
|
* |
|
|
|
* Available variables: |
|
|
|
* - plugin_id: The ID of the block implementation. |
|
|
|
* - label: The configured label of the block if visible. |
|
|
|
* - configuration: A list of the block's configuration values. |
|
|
|
* - label: The configured label for the block. |
|
|
|
* - label_display: The display settings for the label. |
|
|
|
* - provider: The module or other provider that provided this block plugin. |
|
|
|
* - Block plugin specific settings will also be stored here. |
|
|
|
* - content: The content of this block. |
|
|
|
* - attributes: array of HTML attributes populated by modules, intended to |
|
|
|
* be added to the main container tag of this template. |
|
|
|
* - id: A valid HTML ID and guaranteed unique. |
|
|
|
* - title_attributes: Same as attributes, except applied to the main title |
|
|
|
* tag that appears in the template. |
|
|
|
* - content_attributes: Same as attributes, except applied to the main content |
|
|
|
* tag that appears in the template. |
|
|
|
* - title_prefix: Additional output populated by modules, intended to be |
|
|
|
* displayed in front of the main title tag that appears in the template. |
|
|
|
* - title_suffix: Additional output populated by modules, intended to be |
|
|
|
* displayed after the main title tag that appears in the template. |
|
|
|
* |
|
|
|
* @see template_preprocess_block() |
|
|
|
* |
|
|
|
* @ingroup themeable |
|
|
|
*/ |
|
|
|
#} |
|
|
|
{% |
|
|
|
set classes = [ |
|
|
|
'block', |
|
|
|
'block-' ~ configuration.provider|clean_class, |
|
|
|
'block-' ~ plugin_id|clean_class, |
|
|
|
] |
|
|
|
%} |
|
|
|
{{ attach_library('vue_js/articles') }} |
|
|
|
<div {{ attributes.addClass(classes) }}> |
|
|
|
{{ title_prefix }} |
|
|
|
<h2>Article Titles Vue</h2> |
|
|
|
{{ title_suffix }} |
|
|
|
{% block content %} |
|
|
|
<div id="vue-articles"> |
|
|
|
{% verbatim %} |
|
|
|
<div class="articles" v-for="article in articles"> |
|
|
|
<div class="article"> |
|
|
|
<a :href="article.attributes.path.alias">{{ article.attributes.title }}</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endverbatim %} |
|
|
|
</div> |
|
|
|
{% endblock %} |
|
|
|
</div> |