"I want to pass in a user-defined function, but runtimeConfig cannot pass in functions and arrays."

[devcui]

Summary (generated):

Here is a brief summary of the text in English:

Operating system: Windows_NT. Node version is v20.13.1, Nuxt version is 3.11.2, and CLI version is 3.11.1. The problem is related to passing a user-defined function in runtimeConfig, which cannot handle functions and arrays.

---

Environment

---

• Operating System: Windows_NT
• Node Version: v20.13.1
• Nuxt Version: 3.11.2
• CLI Version: 3.11.1
• Nitro Version: 2.9.6
• Package Manager: npm@10.5.0
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://github.com/copyfrom/nuxt-http/blob/chore/src/runtime/core/options.ts

Describe the bug

I want to pass in a user-defined function, but runtimeConfig cannot pass in functions and arrays.

Additional context

No response

Logs

No response

[devcui]

If I use addTemplate to set a config file to the user directory, how should I write it? Are there any simple examples?
and i have read #20933 #18762
Still no solution found

[manniL]

That is intended as runtimeConfig (and the whole nuxt config) should be serializable ☺️

Check e.g. how nuxt-graphql-client adds templates

[devcui]

I think I have found the answer: Use addPluginTemplate to provide settings to nuxtapp

import { defineNuxtPlugin } from '#imports'

export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.provide("auth", {
baseURL: '<%= options.baseURL %>',
<% if (options.http) { %>
http: {
<% if (options.http.handlers) { %>
handlers:{
<% if (options.http.handlers['401']) { %>
401: <%= options.http.handlers['401'] %>
<% } %>
}
<% } %>
}
<% } %>
})
})

 addPluginTemplate({
    filename: name,
    src: resolve(`../runtime/templates`, tempalte),
    options: {
      ...options,
    },
  })

<template>
  <div>Nuxt module playground!</div>
</template>

<script setup lang="ts">
const { $auth } = useNuxtApp()
console.log($auth)
$auth.http.handlers['401']('yahahahah')
</script>

Then I can call the function configured from nuxt.config

[devcui]

But I don't think this is the best way to do it?