chore(example): update example

yisibell · May 18, 2023 · 511e742 · 511e742
1 parent fc9a910
commit 511e742
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/example/src/components/MaintenanceColors/index.vue b/example/src/components/MaintenanceColors/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="">
     <FeatureSection>
-      <template #title> <code>Maintenance colors</code> </template>
+      <template #title> <code>Maintenance of colors</code> </template>
 
       <template #sub-title>
         Support maintenance SVG icon (monochrome) color via

diff --git a/example/src/components/MaintenanceSize/index.vue b/example/src/components/MaintenanceSize/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="">
     <FeatureSection>
-      <template #title> <code>Maintenance size</code> </template>
+      <template #title> <code>Maintenance of size</code> </template>
 
       <template #sub-title>
         You can change the SVG icon <b>size</b> with <code>font-size</code> or

diff --git a/example/src/components/UrlQueryString/index.vue b/example/src/components/UrlQueryString/index.vue
@@ -5,7 +5,7 @@
 
       <template #sub-title>
         You can import SVG as a url via
-        <code>?url</code> query string, which can used by src of img element.
+        <code>?url</code> query string, which can be used by src of img element.
       </template>
 
       <template #demo>

diff --git a/lib/index.cjs.js b/lib/index.cjs.js
@@ -117,13 +117,13 @@ const svg4VuePlugin = (options = {}) => {
                     type === 'raw') {
                     if (disabledSvgo || skipsvgo)
                         return source;
-                    let cachedSvgRawResult = svgRawCache.get(idWithoutQuery);
+                    let cachedSvgRawResult = svgRawCache.get(id);
                     if (!cachedSvgRawResult) {
                         const code = fs.readFileSync(idWithoutQuery, 'utf8');
                         const svg = await optimizeSvg(code, idWithoutQuery, finalSvgoConfig);
                         cachedSvgRawResult = compileSvgToRaw(svg);
                         if (enableBuildCache && isBuild) {
-                            svgRawCache.set(idWithoutQuery, cachedSvgRawResult);
+                            svgRawCache.set(id, cachedSvgRawResult);
                         }
                     }
                     return cachedSvgRawResult;
@@ -134,7 +134,7 @@ const svg4VuePlugin = (options = {}) => {
                 }
                 if ((defaultExport === 'component' && typeof type === 'undefined') ||
                     type === 'component') {
-                    let cachedSvgComponentResult = svgComponentCache.get(idWithoutQuery);
+                    let cachedSvgComponentResult = svgComponentCache.get(id);
                     if (!cachedSvgComponentResult) {
                         const code = fs.readFileSync(idWithoutQuery, 'utf8');
                         let svg = code;
@@ -143,7 +143,7 @@ const svg4VuePlugin = (options = {}) => {
                         }
                         cachedSvgComponentResult = await compileSvg(svg, idWithoutQuery);
                         if (enableBuildCache && isBuild) {
-                            svgComponentCache.set(idWithoutQuery, cachedSvgComponentResult);
+                            svgComponentCache.set(id, cachedSvgComponentResult);
                         }
                     }
                     return cachedSvgComponentResult;

diff --git a/lib/index.esm.js b/lib/index.esm.js
@@ -95,13 +95,13 @@ const svg4VuePlugin = (options = {}) => {
                     type === 'raw') {
                     if (disabledSvgo || skipsvgo)
                         return source;
-                    let cachedSvgRawResult = svgRawCache.get(idWithoutQuery);
+                    let cachedSvgRawResult = svgRawCache.get(id);
                     if (!cachedSvgRawResult) {
                         const code = readFileSync(idWithoutQuery, 'utf8');
                         const svg = await optimizeSvg(code, idWithoutQuery, finalSvgoConfig);
                         cachedSvgRawResult = compileSvgToRaw(svg);
                         if (enableBuildCache && isBuild) {
-                            svgRawCache.set(idWithoutQuery, cachedSvgRawResult);
+                            svgRawCache.set(id, cachedSvgRawResult);
                         }
                     }
                     return cachedSvgRawResult;
@@ -112,7 +112,7 @@ const svg4VuePlugin = (options = {}) => {
                 }
                 if ((defaultExport === 'component' && typeof type === 'undefined') ||
                     type === 'component') {
-                    let cachedSvgComponentResult = svgComponentCache.get(idWithoutQuery);
+                    let cachedSvgComponentResult = svgComponentCache.get(id);
                     if (!cachedSvgComponentResult) {
                         const code = readFileSync(idWithoutQuery, 'utf8');
                         let svg = code;
@@ -121,7 +121,7 @@ const svg4VuePlugin = (options = {}) => {
                         }
                         cachedSvgComponentResult = await compileSvg(svg, idWithoutQuery);
                         if (enableBuildCache && isBuild) {
-                            svgComponentCache.set(idWithoutQuery, cachedSvgComponentResult);
+                            svgComponentCache.set(id, cachedSvgComponentResult);
                         }
                     }
                     return cachedSvgComponentResult;