Zenquan

‎‎​

Zenquan

<template>
  <picture v-if="src" v-lazy="getWebpImage(src)">
    <source type="image/webp" :srcset="getWebpImage(src)" />
    <source type="image/jpeg" :srcset="getWebpImage(src)" />
    <img :src="getWebpImage(src)" alt="" />
  </picture>
  <img src="@/assets/img/pet_default.png" v-else />
</template>
<script setup lang="ts">
interface Props {

Zenquan

// fix for 1px problem
@mixin b-b-1($color) {
  position: relative;
  &::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    border-bottom: 1px solid $color;

Zenquan

/**
 * addLessLoader_forCRA5
 * customized addLessLoader of customize-cra for create-react-app@5.0.0
 *
 * CreatedAt : 2022-01-09
 *
 * Description: The customize-cra author copy getStyleLoaders codes from react-scripts@4.0.3 > webpack.config.js
 * But as react-scripts upgrade to version 5, they also upgrade postcss-loader, which causes change of options schema.
 * So, I re-copy getStyleLoaders codes from react-scripts@5.0.0 > webpack.config.js
 *