html.json

{
  "SVG": {
    "prefix": "svg",
    "body": [
      "<?php include get_theme_file_path( '/svg/$0.svg' ); ?>",
    ],
    "description": "Include SVG icon"
  },
  "Lazyload image": {
    "prefix": "lazy",
    "body": [
      "<?php vanilla_lazyload_tag( $$image['ID'] ); ?>",
    ],
    "description": "Echo HTML"
  },
  "Title": {
    "prefix": "title",
    "body": [
      "<$1><?php echo esc_html( $2 ); ?></$1>",
    ],
    "description": "Do a title"
  },
  "CTA button": {
    "prefix": "cta",
    "body": [
      "<a href=\"$1\" class=\"button $2\" ><?php echo esc_html( $3 ); ?></a>",
    ],
    "description": "Do a cta button"
  },
  "PHP wrap": {
    "prefix": "php",
    "body": [
      "<?php $0 ?>",
    ],
    "description": "Wrap in php tags"
  },
  "New block": {
    "prefix": "block",
    "body": [
      "<section class=\"block block-$1\">",
      "  <div class=\"container\">",
      "$0",
      "  </div>",
      "</section>",
    ]
  },
  "Posts loop": {
    "prefix": "posts",
    "body": [
      "<?php if ( $$1->have_posts() ) : ?>",
      "  <?php while ( $$1->have_posts() ) : $$1->the_post(); ?>",
      "    $0",
      "  <?php endwhile; ?>",
      "  <?php wp_reset_postdata(); ?>",
      "<?php endif; ?>",
    ]
  },
  "Posts loop with cols": {
    "prefix": "posts_cols",
    "body": [
      "<?php if ( $$1->have_posts() ) : ?>",
      "",
      "  <div class=\"cols\">",
      "    <?php while ( $$1->have_posts() ) : $$1->the_post(); ?>",
      "",
      "      <div class=\"col col-$2\">",
      "        $0",
      "      </div>",
      "",
      "    <?php endwhile; ?>",
      "  </div>",
      "  <?php wp_reset_postdata(); ?>",
      "",
      "<?php endif; ?>",
    ]
  },
  "Cols loop": {
    "prefix": "cols",
    "body": [
      "  <$1 class=\"cols\">",
      "    <?php foreach ( $$3 as $$4 ) : ?>",
      "",
      "      <$2 class=\"col col-$5\">",
      "        $0",
      "      </$2>",
      "",
      "    <?php endforeach; ?>",
      "  </$1>",
    ]
  }
}