Vite library exclude vue-router

[andredewaard]

When creating a Vite library with Vue and Vue-router i have some views that include vue-router as:

export default defineComponent({
  setup(props) {
    const router = useRouter()
    

    const redirect = async () => {
      await router.push({ name: 'login' })
    } 
    return { redirect }
  }
}

inside the library this works fine, Whenever i build this library and import it into a project the router instance is undefined.
I did add vue-router to vite.config.ts as external package like so

    rollupOptions: {
      external: ['vue', 'vue-i18n', 'vue-router'],
      output: {
        globals: {
          vue: 'Vue',
          'vue-i18n': 'VueI18n',
          'vue-router': 'VueRouter',
        },
      },
    },