+
+
diff --git a/examples/openapi-ts-pinia-colada/tailwind.config.ts b/examples/openapi-ts-pinia-colada/tailwind.config.ts
new file mode 100644
index 000000000..8cb3cc6c0
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/tailwind.config.ts
@@ -0,0 +1,9 @@
+import type { Config } from 'tailwindcss'
+
+export default {
+ content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
+ plugins: [],
+ theme: {
+ extend: {}
+ }
+} satisfies Config
diff --git a/examples/openapi-ts-pinia-colada/tsconfig.app.json b/examples/openapi-ts-pinia-colada/tsconfig.app.json
new file mode 100644
index 000000000..81efb53e9
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/tsconfig.app.json
@@ -0,0 +1,14 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["./env.d.ts", "./src/**/*", "./src/**/*.vue"],
+ "exclude": ["./src/**/__tests__/*"],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
+}
diff --git a/examples/openapi-ts-pinia-colada/tsconfig.json b/examples/openapi-ts-pinia-colada/tsconfig.json
new file mode 100644
index 000000000..100cf6a8f
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/tsconfig.json
@@ -0,0 +1,14 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.vitest.json"
+ }
+ ]
+}
diff --git a/examples/openapi-ts-pinia-colada/tsconfig.node.json b/examples/openapi-ts-pinia-colada/tsconfig.node.json
new file mode 100644
index 000000000..f09406303
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/tsconfig.node.json
@@ -0,0 +1,19 @@
+{
+ "extends": "@tsconfig/node20/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*"
+ ],
+ "compilerOptions": {
+ "composite": true,
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
+}
diff --git a/examples/openapi-ts-pinia-colada/tsconfig.vitest.json b/examples/openapi-ts-pinia-colada/tsconfig.vitest.json
new file mode 100644
index 000000000..571995d11
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/tsconfig.vitest.json
@@ -0,0 +1,11 @@
+{
+ "extends": "./tsconfig.app.json",
+ "exclude": [],
+ "compilerOptions": {
+ "composite": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
+
+ "lib": [],
+ "types": ["node", "jsdom"]
+ }
+}
diff --git a/examples/openapi-ts-pinia-colada/vite.config.ts b/examples/openapi-ts-pinia-colada/vite.config.ts
new file mode 100644
index 000000000..2ad0b1736
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/vite.config.ts
@@ -0,0 +1,16 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { createViteConfig } from '@config/vite-base'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vitejs.dev/config/
+export default createViteConfig({
+ plugins: [vue(), vueJsx(), vueDevTools()],
+ resolve: {
+ alias: {
+ '@': fileURLToPath(new URL('./src', import.meta.url))
+ }
+ }
+})
diff --git a/examples/openapi-ts-pinia-colada/vitest.config.ts b/examples/openapi-ts-pinia-colada/vitest.config.ts
new file mode 100644
index 000000000..b1c1888c6
--- /dev/null
+++ b/examples/openapi-ts-pinia-colada/vitest.config.ts
@@ -0,0 +1,16 @@
+import { fileURLToPath } from 'node:url'
+
+import { createVitestConfig } from '@config/vite-base'
+import { configDefaults, mergeConfig } from 'vitest/config'
+
+import viteConfig from './vite.config'
+
+export default mergeConfig(
+ viteConfig,
+ createVitestConfig(fileURLToPath(new URL('./', import.meta.url)), {
+ test: {
+ environment: 'jsdom',
+ exclude: [...configDefaults.exclude, 'e2e/**']
+ }
+ })
+)
diff --git a/packages/openapi-ts/src/plugins/@pinia/colada/config.ts b/packages/openapi-ts/src/plugins/@pinia/colada/config.ts
new file mode 100644
index 000000000..28b2eff6f
--- /dev/null
+++ b/packages/openapi-ts/src/plugins/@pinia/colada/config.ts
@@ -0,0 +1,51 @@
+import { definePluginConfig } from '../../shared/utils/config';
+import { handler } from './plugin';
+import type { PiniaColadaPlugin } from './types';
+
+export const defaultConfig: PiniaColadaPlugin['Config'] = {
+ config: {
+ case: 'camelCase',
+ comments: true,
+ exportFromIndex: false,
+ },
+ dependencies: ['@hey-api/sdk', '@hey-api/typescript'],
+ handler: handler as PiniaColadaPlugin['Handler'],
+ name: '@pinia/colada',
+ output: '@pinia/colada',
+ resolveConfig: (plugin, context) => {
+ plugin.config.mutationOptions = context.valueToObject({
+ defaultValue: {
+ case: plugin.config.case ?? 'camelCase',
+ enabled: true,
+ meta: false,
+ name: '{{name}}Mutation',
+ },
+ mappers: {
+ boolean: (enabled) => ({ enabled }),
+ function: (name) => ({ name }),
+ string: (name) => ({ name }),
+ },
+ value: plugin.config.mutationOptions,
+ });
+
+ plugin.config.queryOptions = context.valueToObject({
+ defaultValue: {
+ case: plugin.config.case ?? 'camelCase',
+ enabled: true,
+ meta: false,
+ name: '{{name}}Query',
+ },
+ mappers: {
+ boolean: (enabled) => ({ enabled }),
+ function: (name) => ({ name }),
+ string: (name) => ({ name }),
+ },
+ value: plugin.config.queryOptions,
+ });
+ },
+};
+
+/**
+ * Type helper for `@pinia/colada` plugin, returns {@link Plugin.Config} object
+ */
+export const defineConfig = definePluginConfig(defaultConfig);
diff --git a/packages/openapi-ts/src/plugins/@pinia/colada/index.ts b/packages/openapi-ts/src/plugins/@pinia/colada/index.ts
new file mode 100644
index 000000000..7ea6aa473
--- /dev/null
+++ b/packages/openapi-ts/src/plugins/@pinia/colada/index.ts
@@ -0,0 +1,2 @@
+export { defaultConfig, defineConfig } from './config';
+export type { PiniaColadaPlugin } from './types';
diff --git a/packages/openapi-ts/src/plugins/@pinia/colada/plugin.ts b/packages/openapi-ts/src/plugins/@pinia/colada/plugin.ts
new file mode 100644
index 000000000..9d15a7bde
--- /dev/null
+++ b/packages/openapi-ts/src/plugins/@pinia/colada/plugin.ts
@@ -0,0 +1,430 @@
+import type ts from 'typescript';
+
+import { clientApi } from '../../../generate/client';
+import type { IR } from '../../../ir/types';
+import { tsc } from '../../../tsc';
+import { stringCase } from '../../../utils/stringCase';
+import { clientId } from '../../@hey-api/client-core/utils';
+import { sdkId } from '../../@hey-api/sdk/constants';
+import {
+ operationClasses,
+ operationOptionsType,
+} from '../../@hey-api/sdk/operation';
+import { serviceFunctionIdentifier } from '../../@hey-api/sdk/plugin-legacy';
+import {
+ createOperationComment,
+ isOperationOptionsRequired,
+} from '../../shared/utils/operation';
+import type { PiniaColadaPlugin } from './types';
+
+type PluginHandler = PiniaColadaPlugin['Handler'];
+type PluginInstance = PiniaColadaPlugin['Instance'];
+
+interface PluginState {
+ hasMutations: boolean;
+ hasQueries: boolean;
+ hasUsedQueryFn: boolean;
+}
+
+const handleMeta = (
+ plugin: PluginInstance,
+ operation: IR.OperationObject,
+ type: 'queryOptions' | 'mutationOptions',
+): ts.Expression | undefined => {
+ const metaConfig = plugin.config[type].meta;
+
+ if (typeof metaConfig !== 'function') {
+ return undefined;
+ }
+
+ const customMeta = metaConfig(operation);
+
+ return tsc.valueToExpression({ value: customMeta });
+};
+
+const useTypeData = ({
+ operation,
+ plugin,
+}: {
+ operation: IR.OperationObject;
+ plugin: PluginInstance;
+}) => {
+ const file = plugin.context.file({ id: plugin.name })!;
+ const pluginSdk = plugin.getPlugin('@hey-api/sdk')!;
+ const typeData = operationOptionsType({ file, operation, plugin: pluginSdk });
+ return typeData;
+};
+
+const createQueryOptions = ({
+ operation,
+ plugin,
+ queryFn,
+ state,
+}: {
+ operation: IR.OperationObject;
+ plugin: PluginInstance;
+ queryFn: string;
+ state: PluginState;
+}) => {
+ if (
+ !plugin.config.queryOptions ||
+ !(['get', 'post'] as ReadonlyArray
+
+
+
+ 
+
+
+
+
+
+
+
+ @hey-api/openapi-ts 🤝 Pinia Colada
+
+
+
+
+
+
+
+
+
+
+ {{ pet?.name?.slice(0, 1) || 'N' }}
+
+
+
+
+
+ Name: {{ pet?.name || 'N/A' }}
+ +Category: {{ pet?.category?.name || 'N/A' }}
+