Codesandbox-client: Using Vue's new "v-slot" attribute does not work

Created on 15 Feb 2019 · 8Comments · Source: codesandbox/codesandbox-client

🐛 bug report

Description of the problem

Vue 2.6 brought the new v-slot directive for using slots. While Vue 2.6 is used in CodeSandbox, this new directive is not recognized in compiled .vue files.

How has this issue affected you? What are you trying to accomplish?

I tried to use v-slot because it's a much nicer API than the previous slot-scope. 😁

Link to sandbox: link

Your Environment

| Software | Name/Version|
| ---------------- | ---------- |
| Сodesandbox | PROD-1549895067-bab5c8d3
| Browser | This should be a server-side issue, successfully reproduced in latest versions of Chrome, Firefox and Safari
| Operating System | macOS 10.14

Source

loilo

Most helpful comment

@NJM8 Regardless of your sandbox vue version, like @Haroenv said, the CodeSandbox browser bundler uses a specific version of vue-loader (and implicitly of vue-template-compiler), which you can find here, and which was last updated somewhere around 2.5.10. We'll (well, mostly @CompuIves) try to update the vue loader and template compiler to 2.6.x as soon as possible.

lbogdan on 26 Feb 2019

👍3

All 8 comments

I assume this might be because an older version of vue-template-compiler is used here?

Haroenv on 20 Feb 2019

👍1

Sounds plausible to me.

loilo on 20 Feb 2019

https://github.com/CompuIves/codesandbox-client/blob/bab5c8d395d9239d6b55ba38aad9fbe9d7816b06/packages/app/package.json#L247

Seems to confirm my thoughts

Haroenv on 20 Feb 2019

Can anyone comment on a similar issue here: https://codesandbox.io/s/yppozpw0z9. I'm using the newest version of Vue, and static default and named slots are working just fine with the new syntax. However attempting to pass a value and function out to the slot for use is failing. I have this same exact code working in a local application just fine.