Filtros

{% assets_url(file): string %}

<link rel="stylesheet" href="{{ '/css/style.css' | assets_url }}" media="screen">

{% bool_text(condition): string %}

{% boolean(value): bool %}

{% components_url(string): string %}

{% font_link(font): string %}

<link href="{{ 'Inter' | font_link }}" rel="stylesheet">
// https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap

{% json_decode(value): array %}

{% mask(string, mask): string %}

{{ '12345678' | mask('#####-###') }}
// 12345-678

{% only_numbers(string): string %}

{% youtube_url(url): array %}

{% button_bg_color(type, color): string %}

{% color_is_light(color): bool %}

<div class="{{ color_is_light(background_color) ? '-light' : '-dark' }}">

{% font_weight(font, weight): int %}

{% generate_seo(): string %}

{% hex_to_rgb(hex): string %}

{% hex_to_rgb("#000000") %}
// "0, 0, 0"

{% hex_to_rgb("#ffffff") %}
// "255, 255, 255"

{% hex_to_rgba(hex, opacity): string %}

{% hex_to_rgba("#000000", 0.5) %}
// "0, 0, 0, 0.5"

{% mix(path): string %}

{% social_media_fa(mediaUrl): string %}

{% strip_mustache(string): string %}

{% thumborize(url, params): string %}

<img src="{{ thumborize(imageUrl, {"resize": "300x300"}) }}">

{% type_border_radius(type): string %}

{% vuetify(array, varName, path, useMustacheSyntax): string %}

{{ vuetify(product, 'product', 'name') }}

<img src="{{ 'assets/icon.png'|img }}" width="50">