Decorators do not work

[g1ronn1mo]

Environment

---

• Operating System: Linux
• Node Version: v22.9.0
• Nuxt Version: 3.13.2
• CLI Version: 3.14.0
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

...

Describe the bug

Can not integrate decorators.

import ListSpaces from './ListTestVocabulary.vue';
import type { Meta, StoryObj } from '@storybook/vue3'

const meta = {
  title: "Test/ListTestVocabulary",
  component: ListSpaces,
  decorators: [() => ({ template: '<div style="margin: 3em;"><story/></div>' })],

}  satisfies Meta<typeof ListSpaces>

type Story = StoryObj<typeof meta>

export default meta

export const Default: Story = {
  args: {

  },

}  
 

The story does not render and throws:

[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js". 
  at <Anonymous> 
  at <App>

Additional context

No response

[Vanessi-K]

A workaround to use decorators at the moment, that worked for me, would be to add the following to .storybook/main.js.

import { mergeConfig } from 'vite';

const config = {
  async viteFinal(config) {
    return mergeConfig(config, {
      resolve: {
        alias: {
          vue: 'vue/dist/vue.esm-bundler'
        }
      },
    });
  }
};
export default config;

This of course is not the ideal solution.