// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`should render demo and match snapshot 1`] = `
<!--[-->
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid"
  >
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center"
        style
      >
        <!--[-->
        <div
          class="van-image"
          style
        >
          <img
            src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg"
            class="van-image__img"
            style="object-fit:contain;"
          >
          <div class="van-image__loading">
            <i
              class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
              style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center"
        style
      >
        <!--[-->
        <div
          class="van-image"
          style
        >
          <img
            src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg"
            class="van-image__img"
            style="object-fit:contain;"
          >
          <div class="van-image__loading">
            <i
              class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
              style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center"
        style
      >
        <!--[-->
        <div
          class="van-image"
          style
        >
          <img
            src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg"
            class="van-image__img"
            style="object-fit:contain;"
          >
          <div class="van-image__loading">
            <i
              class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon"
              style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <!--[-->
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item van-grid-item--square"
      style="flex-basis:25%;padding-top:25%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style="padding-left:10px;"
    class="van-grid"
  >
    <!--[-->
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;margin-top:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;margin-top:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;margin-top:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:25%;padding-right:10px;margin-top:10px;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:33.333333333333336%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:50%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          Vue Router
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:50%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          URL
        </span>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div
    style
    class="van-grid van-hairline--top"
  >
    <!--[-->
    <div
      class="van-grid-item"
      style="flex-basis:50%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon"
          style
        >
          <!--[-->
          <div
            class="van-badge van-badge--top-right van-badge--dot van-badge--fixed"
            style
          >
          </div>
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis:50%;"
    >
      <div
        class="van-grid-item__content van-grid-item__content--center van-hairline"
        style
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon"
          style
        >
          <!--[-->
          <div
            class="van-badge van-badge--top-right van-badge--fixed"
            style
          >
            99+
          </div>
        </i>
        <span class="van-grid-item__text">
          Text
        </span>
      </div>
    </div>
  </div>
</div>
`;
