update sprite example

update sprite example

Авторbalesniy
Коммитерbalesniy
2 года назад
Файлов изменено: 4
+15
–9
bafba37
Родители c994a2c main
@@ -6,7 +6,8 @@
  "scripts":{
    "dev":"vite --host --open",
    "test":"backstop test --config=pp.config.cjs",
    "build":"vite build",
    "test-content":"vitest content.test.ts --ui",
    "build":"vite build --emptyOutDir",
    "preview":"vite preview --open",
    "convert-rastr":"node convert-rastr.js",
    "w3c":"html-validator source --quiet",
@@ -21,7 +22,7 @@
    "@htmlacademy/editorconfig-cli":"^2.0.8",
    "@linthtml/linthtml":"0.9.5",
    "@ls-lint/ls-lint":"2.1.0",
    "@spiriit/vite-plugin-svg-spritemap":"2.2.3",
    "@spiriit/vite-plugin-svg-spritemap":"2.2.4",
    "@vitest/ui":"^0.34.6",
    "vitest":"^0.34.6",
    "autoprefixer":"10.4.16",
@@ -38,8 +39,8 @@
    "stylelint-config-htmlacademy":"^3.0.2",
    "stylelint-config-standard-scss":"12.0.0",
    "stylelint-selector-bem-pattern":"3.0.1",
    "svgo":"3.1.0",
    "vite":"5.0.11",
    "svgo":"3.2.0",
    "vite":"5.0.12",
    "vite-plugin-image-optimizer":"1.1.7",
    "vite-plugin-minify":"^1.5.2",
    "w3c-html-validator":"1.6.1"
source/img/.../user.svg
0 100644
@@ -0,0 +1,5 @@
<svg width="18" height="20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M15.667 19H2.333C1.597 19 1 18.448 1 17.767c0-2.038 1.368-3.863 3.433-4.579l.41-.142a12.753 12.753 0 0 1 8.313 0l.41.142c2.066.716 3.434 2.54 3.434 4.58 0 .68-.597 1.232-1.333 1.232ZM6.967 9.407a4.774 4.774 0 0 0 4.066 0c1.187-.564 2.038-1.591 2.318-2.798l.074-.322c.286-1.234-.02-2.522-.837-3.533l-.12-.148C11.651 1.596 10.365 1 9 1c-1.365 0-2.65.595-3.468 1.606l-.12.148c-.818 1.01-1.123 2.299-.837 3.533l.074.322c.28 1.207 1.13 2.234 2.318 2.798Z"
    stroke="#163152" stroke-linecap="square" stroke-linejoin="round"/>
</svg>
source/index.html
@@ -10,7 +10,10 @@
</head>
<body>
  <img src="/__spritemap#sprite-logo" />
  <img src="/__spritemap#sprite-logo-view" />
  <svg>
    <use xlink:href="/__spritemap#sprite-user"></use>
  </svg>
  <div data-test="slider">slider</div>
  <div data-test="about">about</div>
  <div data-test="programs">programs</div>
vite.config.js
@@ -30,10 +30,7 @@
                  utilizeAbsolutefalse,
                },
                removeViewBoxfalse// https://github.com/svg/svgo/issues/1128
                cleanupIDs: {
                  minifyfalse,
                  removefalse,
                },
                cleanupIdsfalse,
              },
            },
          },

Cherry-pick

Команда cherry-pick позволяет выбрать отдельные коммиты из одной ветки и применить их к другой.