Histoire not working with Agnostic UI for Vue

[JoJk0]

Describe the bug

I want to use Agnostic UI with Histoire so I can build my own component library with stories. At the moment it's not possible as the following errors appears in dev console:

Error while collecting story **:
SyntaxError: Unexpected token '}'
    at ESMLoader.moduleStrategy (node:internal/modules/esm/translators:119:18)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:468:14)
    at async link (node:internal/modules/esm/module_job:67:21)

Reproduction

1. Use official starter template
2. Install agnostic-vue
3. Import Button from agnostic-vue package inside BaseButton.vue
4. Replace button with Button
5. Observe error in node console

System Info

System:
    OS: macOS 13.0
    CPU: (8) arm64 Apple M1
    Memory: 30.69 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.12.1 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 8.19.2 - /usr/local/bin/npm
  Browsers:
    Brave Browser: 113.1.51.118
    Chrome: 113.0.5672.92
    Firefox: 105.0.3
    Safari: 16.1
  npmPackages:
    @histoire/plugin-vue: ^0.16.1 => 0.16.1 
    @vitejs/plugin-vue: ^4.0.0 => 4.2.3 
    histoire: ^0.16.1 => 0.16.1 
    vite: ^4.3.0 => 4.3.9

Used Package Manager

pnpm

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• [X] The provided reproduction is a minimal reproducible example of the bug.