chore(playground): add custom provider (#171)

nuxt · Jan 28, 2021 · a8f4c78 · a8f4c78
1 parent 40ab562
commit a8f4c78
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -30,6 +30,15 @@ export default <NuxtConfig> {
     imagekit: {
       baseURL: 'https://ik.imagekit.io/demo'
     },
+
+    providers: {
+      custom: {
+        provider: "~/providers/custom",
+        options: {
+          baseURL: "https://site.my"
+        }
+      }
+    },
     presets: [
       {
         name: 's50',

diff --git a/playground/providers/custom/index.ts b/playground/providers/custom/index.ts
@@ -0,0 +1,9 @@
+import { joinURL } from 'ufo'
+import type { ProviderGetImage } from '../../../src/types' // '@nuxt/image'
+
+export const getImage: ProviderGetImage = (src, { modifiers = {}, baseURL = '/' } = {}) => {
+  const operationsString = `w_${modifiers.width}&h_${modifiers.height}`
+  return {
+    url: joinURL(baseURL, operationsString, src)
+  }
+}