fix: readd vue-tempate-compilation plugin (#831)

<!--
☝️ PR title should follow conventional commits
(https://conventionalcommits.org).
In particular, the title should start with one of the following types:

- docs: 📖 Documentation (updates to the documentation or readme)
- fix: 🐞 Bug fix (a non-breaking change that fixes an issue)
- feat: ✨ New feature/enhancement (a non-breaking change that adds
functionality or improves existing one)
- feat!/fix!: ⚠️ Breaking change (fix or feature that would cause
existing functionality to change)
- chore: 🧹 Chore (updates to the build process or auxiliary tools and
libraries)
-->

### 🔗 Linked issue


Fixes #808 and fixes
#805.

<!-- If it resolves an open issue, please link the issue here. For
example "Resolves #123" -->

### 📚 Description

<!-- Describe your changes in detail -->
<!-- Why is this change required? What problem does it solve? -->
This PR reverts #740 that removes of the vue-templation-template plugin,
which was initially extended from the vue3-vite project vite config.
However, removing it only masked the memory issue rather than addressing
its root cause—the resolution of the vue ESM bundler alias.

The vue-templation-template plugin is essential for rendering stories
with custom string templates, so we need to retain it.

To work around the memory issue and ensure template compilation works
correctly, i have added vue as a dependency in the root project. (
playground )

The underlying problem appears to be related to how the vue alias is
resolved. When it isn’t found in the root project, some unusual string
replacement occurs, leading to recursive paths and the memory issue.
Further investigation may be needed to fully understand why vue cannot
be resolved from sub-packages.

---------

Co-authored-by: Tobias Diez <[email protected]>

Author: chakAs3

packages/storybook-addon/src/preset.ts

@@ -159,16 +159,6 @@ function mergeViteConfig(
     plugins.unshift(vuePlugin())
   }
 
-  // Remove the 'storybook:vue-template-compilation' plugin because it yields out-of-memory issues
-  const templatePluginIndex = plugins?.findIndex(
-    (plugin) =>
-      plugin &&
-      'name' in plugin &&
-      plugin.name === 'storybook:vue-template-compilation',
-  )
-  if (templatePluginIndex !== -1) {
-    plugins.splice(templatePluginIndex, 1)
-  }
   extendedConfig.plugins = plugins
 
   // Storybook adds 'vue' as dependency that should be optimized, but nuxt explicitly excludes it from pre-bundling

playground/package.json

@@ -17,6 +17,7 @@
     "@storybook/addon-interactions": "8.4.7",
     "@storybook/addon-links": "8.4.7",
     "nuxt": "3.14.1592",
+    "vue": "3.5.13",
     "storybook": "8.4.7",
     "vite-plugin-inspect": "0.10.3"
   }