feat: implement basic VueImgixClient

src/plugins/vue-imgix/index.ts

@@ -0,0 +1 @@
+export * from './vue-imgix';

src/plugins/vue-imgix/types.ts

@@ -0,0 +1,16 @@
+export interface IImgixClientOptions {
+  domain: string;
+}
+
+export interface IBuildUrlObjectResult {
+  src: string;
+  srcset: string;
+}
+export type IBuildUrlObject = (
+  url: string,
+  options: {},
+) => IBuildUrlObjectResult;
+
+export interface IVueImgixClient {
+  buildUrlObject: IBuildUrlObject;
+}

src/plugins/vue-imgix/vue-imgix.ts

@@ -0,0 +1,27 @@
+import ImgixClient from 'imgix-core-js';
+import { IBuildUrlObjectResult, IImgixClientOptions, IVueImgixClient } from './types';
+
+class VueImgixClient implements IVueImgixClient {
+  #client: ImgixClient;
+  constructor(options: IImgixClientOptions) {
+    this.#client = new ImgixClient(options)
+  }
+
+  buildUrlObject(url: string, options: {}): IBuildUrlObjectResult {
+    const src = this.#client.buildURL(url, options)
+    const srcset = this.#client.buildSrcSet(url, options)
+
+    return {src, srcset}
+  }
+}
+
+export const buildImgixClient = (options: IImgixClientOptions) => {
+  const client = new VueImgixClient({
+    ...options,
+  });
+
+  return client;
+};
+
+export type { IVueImgixClient };
+