Vue3 Support

[Dominic-Marcelino]

Hello,
will there be a vue 3 version?
Thanks a lot!

[hujiulong]

The current version should be compatible with Vue 3, but I haven't tested it.

[Dominic-Marcelino]

Vue 3.0 doesn't have Vue.extend anymore. Apart from this, there shouldn't be that many changes needed.

Tried to contribute, but get the following errors:

1. eslint ^7.5 is not compatible (need to downgrade to 6.8 to successfully run an npm install)
2. After that I get the following error: Error: Rule can only have one resource source (provided resource and test + include + exclude) in {

[Fansy-lab]

for vue3 I get
Uncaught TypeError: Cannot read property 'extend' of undefined
at Module.fb15 (vue-3d-model.umd.js?e360:75856)
at webpack_require (vue-3d-model.umd.js?e360:30)
at eval (vue-3d-model.umd.js?e360:94)
at eval (vue-3d-model.umd.js?e360:97)
at webpackUniversalModuleDefinition (vue-3d-model.umd.js?e360:3)
at eval (vue-3d-model.umd.js?e360:10)
at Object../node_modules/vue-3d-model/dist/vue-3d-model.umd.js (chunk-vendors.js:1200)
at webpack_require (app.js:854)
at fn (app.js:151)
at eval (battle.vue?81c9:48)

[Neptuniam]

What are the options for using this with Vue3? Are there any work arounds or other solutions?

[flufy3d]

same here, please support vue3

[wkk06]

Vue 3.0 不再有 Vue.extend。除此之外，应该不需要那么多的改变。

试图贡献，但得到以下错误：

1. eslint ^7.5 不兼容（需要降级到 6.8 才能成功运行 npm 安装）
2. 之后，我收到以下错误： Error: Rule can only have one resource source (provided resource and test + include + exclude) in {

是的，vue3不支持extend。所以程序无法运行了。请问有什么方法可以解决

[johnnyshankman]

+1 on this, had to reroll this repo for myself in my project i just upgraded

[IPIvliev]

Hello! Can you advise any solutions to make "vue-3d-model" work with vue 3?

[superwjckawaii]

Same problem for Vue3!

[DevinNorgarb]

Same problem here, unable to use with Vue 3.

[josch-r]

Any updates on this? :) Or does anyone know a similar package for vue 3?

[hujiulong]

The latest 2.x version already supports Vue 3, but it is still in alpha status, and there may be major API changes.

[DevinNorgarb]

@hfg-joschua-r I managed to work around this issue by using three.js. They have an ObjectViewer class you can import. Can provide an example if needs be.

[kbs1]

@hfg-joschua-r I managed to work around this issue by using three.js. They have an ObjectViewer class you can import. Can provide an example if needs be.

can you please provide the example? @DevinNorgarb

[yxnzhe]

still doesn't support vue3 project

[Smartich0ke]

Did anyone find a fix to this problem? I'm having the same error as pictured in the screenshot from @yxnzhe .

[gabrielgriesser]

Hiii, I need a fix for Vue3 too !! :D

[Smartich0ke]

@gabrielgriesser I ended up using a similar package called vue-3d-loader on npm instead.

[gabrielgriesser]

@gabrielgriesser I ended up using a similar package called vue-3d-loader on npm instead.

Thank you ! I tried it yesterday but impossible for me to load .OBJ model :/ This package (vue-3d-loader) can't load my assets... 404 not found every time (even if the model is in the right folder.)

I'll open an issue.

[DevinNorgarb]

@kbs1 @gabrielgriesser @yxnzhe @hfg-joschua-r Sorry, I honestly thought I had responded with this gist I created, but unfortunately, I didn't click the "Comment" button.

Hope this helps

[54mu3l]

Probably duplicate of #460 ?