How can I use all those vue functions defined in 'setup' outside a ts file?

[Richard20230331]

How can I use all those vue functions defined in 'setup' outside a ts file?
Here is my example:

// myVue.vue

<script setup lang="ts">
import { jsFunction } from "./myTs.ts"
import { getCurrentInstance } from 'vue';

const vueFunction1 = ()=>{
  console.log('vueFunction1')
}

function vueFunction2 () {
  console.log('vueFunction2')

}

...

function vueFunction100 () {
  console.log('vueFunction100')
}
const { proxy } = getCurrentInstance();
jsFunction(proxy);
</script>

//myTs.ts

export function jsFunction(proxy){
    // can I find those vue functions in this proxy?
    console.log(proxy);    
}

Let's say I have plenty of functions (like 100) that required to be launched in myTs.ts which are defined
in myVue.vue in "setup" tag. I tried to transfer the proxy of getCurrentInstance() to myTs.ts, wishing that I
could find those functions in it but failed.
So I wonder where are those functions in 'setup' tag registered in vue? How can I find them all and use them
in myTs.ts?

P.S.: One way I know is to transfer those functions by setting them as the parameters of jsFunction(functions),
but the fact is that I have a lot of functions and I wish that I could find a vue object that contains them all,
so I only need to set 1 parameter.

[chenxch]

//myTs.ts
 import { getCurrentInstance } from 'vue';
export function jsFunction(){
const { proxy } = getCurrentInstance();
console.log(proxy);
}

[chenxch]

Or do you want to get vueFunction1? If this is the case, you need to use defineExpose to expose the method.

[Richard20230331]

Well then I wonder where are those Vue functions actually stored?
And yeah I do want to get vueFunction1, but I have like 100+ more vueFunctions 1,2,3... 100, do u mean I have to expose them 1 by 1
to my .ts file? Is there a better way to do that?
Thx for reply again!

[chenxch]

Under the script setup syntax, you can only expose manually. You can consider organizing all functions into one object to expose, or just use the options api, which will expose by default.

[chenxch]

Tell you good news, my friend made a plugin, it will help export all variables by default, including functions of course.
unplugin-vue-component-ref

[Richard20230331]

thx for that! I would go and see if it works!

[LinusBorg]

I would strongly recommend to not pass the component instance around. Pass the actual functions. I know that would be tiresome if it was 100 functions, but then you likely need to refactor something anyway.

[Richard20230331]

thx about that! I would consider ur advice very seriously