fix: 🐛 Correctly pass basePath to src and srcSet

Author: dc7290

__tests__/components/image/config.js

@@ -2,6 +2,7 @@
  * @type {import('../../../src/utils/getConfig').Config}
  */
 const config = {
+  basePath: '/base-path',
   imageDir: '_custom-optimize',
   filenameGenerator: ({ path, name, width, quality, extension }) => `${path}-${name}.${width}.${quality}.${extension}`,
   convertFormat: [

__tests__/components/image/config.test.tsx

@@ -12,6 +12,6 @@ describe('Apply config', () => {
   test('Set `imageDir` and `filenameGenerator` and `convetFormat`', () => {
     render(<CustomImage src="/images/img.png" width={1920} height={1280} priority />)
 
-    expect(screen.getByRole('img').getAttribute('src')).toBe('/_custom-optimize/images-img.3840.75.webp')
+    expect(screen.getByRole('img').getAttribute('src')).toBe('/base-path/_custom-optimize/images-img.3840.75.webp')
   })
 })

src/image.tsx

@@ -62,7 +62,7 @@ const exportableLoader: ImageLoader = ({ src: _src, width, quality }) => {
     )
   }
 
-  return output
+  return `${config.basePath ?? ''}${output}`
 }
 
 const CustomImage = (props: ImageProps) => {