docs: replace withBase with BASE_URL

fengyuanchen · Apr 23, 2024 · b8c8a51 · b8c8a51
1 parent 23bfd85
commit b8c8a51
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/docs/.vitepress/components/CropperCanvasToNativeCanvas.vue b/docs/.vitepress/components/CropperCanvasToNativeCanvas.vue
@@ -27,13 +27,14 @@
 
 <script lang="ts">
 import type CropperCanvas from '@cropper/element-canvas';
-import { withBase } from 'vitepress';
+
+const { BASE_URL } = import.meta.env;
 
 export default {
   name: 'CropperCanvasToNativeCanvas',
   data() {
     return {
-      src: withBase('picture.jpg'),
+      src: `${BASE_URL}picture.jpg`,
     };
   },
   methods: {

diff --git a/docs/.vitepress/components/CropperExample.vue b/docs/.vitepress/components/CropperExample.vue
@@ -3,14 +3,15 @@
 </template>
 
 <script lang="ts">
-import { withBase } from 'vitepress';
 import Cropper from 'cropperjs';
 
+const { BASE_URL } = import.meta.env;
+
 export default {
   name: 'CropperExample',
   data() {
     return {
-      src: withBase('picture.jpg'),
+      src: `${BASE_URL}picture.jpg`,
     };
   },
   mounted(): void {

diff --git a/docs/.vitepress/components/CropperPlayground.vue b/docs/.vitepress/components/CropperPlayground.vue
@@ -1663,11 +1663,12 @@
 </template>
 
 <script lang="ts">
-import { withBase } from 'vitepress';
 import type CropperCanvas from '@cropper/element-canvas';
 import type CropperSelection from '@cropper/element-selection';
 import ColorInput from './ColorInput.vue';
 
+const { BASE_URL } = import.meta.env;
+
 export default {
   name: 'CropperPlayground',
   components: {
@@ -1691,7 +1692,7 @@ export default {
         scalable: true,
         skewable: true,
         translatable: true,
-        src: withBase('picture.jpg'),
+        src: `${BASE_URL}picture.jpg`,
         alt: 'The image to crop',
       },
       shade: {

diff --git a/docs/.vitepress/components/CropperSelectionToNativeCanvas.vue b/docs/.vitepress/components/CropperSelectionToNativeCanvas.vue
@@ -36,13 +36,14 @@
 
 <script lang="ts">
 import type CropperCanvas from '@cropper/element-canvas';
-import { withBase } from 'vitepress';
+
+const { BASE_URL } = import.meta.env;
 
 export default {
   name: 'CropperSelectionToNativeCanvas',
   data() {
     return {
-      src: withBase('picture.jpg'),
+      src: `${BASE_URL}picture.jpg`,
     };
   },
   methods: {