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

[devcui]

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

[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?