chooser icon indicating copy to clipboard operation
chooser copied to clipboard

Upgrade project to Vue 3.x

Open brylie opened this issue 4 years ago • 8 comments

Blocked by: https://github.com/creativecommons/vocabulary-components/issues/8

Vue 3.0 was released in September 2020. However, this project is still using Vue 2.x.

Decide when it is time to upgrade this project to Vue 3.x

Description

One of the design constraints of Vue 3.x was to preserve backward compatibility with Vue 2.x projects. This would ideally mean very little would need to change when the Chooser project upgrades to Vue 3.x.

Alternatives

We can stay at 2.x, but that would mean decreasing support as 2.x reaches end-of-life.

Additional context

The upcoming Vue 3.1 release includes a "Migration Build" to help projects transition from 2.x to 3.x.

The Vue User Guide is defaulting to 3.x to signal that projects should be targeting the 3.x release.

:warning: Vue 3.x drops support for IE 11

brylie avatar Jun 03 '21 09:06 brylie

Very exciting change! :)

obulat avatar Jun 03 '21 10:06 obulat

(new here, 👋🏽)So, I was having a look at this locally, and I might be wrong, but wouldn't Vocabulary also need to be updated to vue 3 for chooser to be able to use the components from there? (v-radio, v-button, etc)

PS: I was able to get the build running on vue 3 but there were a lot of errors with component resolution, v-button css issues and i18n issues (vue-i18n v8 is for vue2 and v9 is for vue3)

sadn1ck avatar Sep 06 '21 17:09 sadn1ck

@sadn1ck good point! :smiley:

I've created an upstream issue to upgrade to Vue 3.x, which will enable this issue to move forward.

By the way, are you available to help with some Vue development? We have a pull request underway to simplify the repository structure of the CC Vocabulary monorepo and need a few more changes to make sure all of the components will render.

brylie avatar Sep 07 '21 06:09 brylie

Yep @brylie! I'd love to help out. I'm not familiar with storybook right now, so I'll have a look and start working on it as soon as I can.

sadn1ck avatar Sep 07 '21 07:09 sadn1ck

OK, great! I think there is a basic pattern to follow to fix the remaining components. I will @ mention you on the related thread so we can pick up the conversation there. For what it's worth, I think we should finish the "simplify the project structure using Vue CLI" task before considering the Vue 3 upgrade. What do you think?

brylie avatar Sep 07 '21 08:09 brylie

Yep! Let's complete that first. That way we can focus on one thing at a time.

sadn1ck avatar Sep 07 '21 08:09 sadn1ck

hi @TimidRobot and @possumbilities this issue is said to be blocked in https://github.com/creativecommons/chooser/issues/356#issue-910329102 so are we going to have to resolve the later before continuing with this one??

ImaJin14 avatar Mar 06 '23 11:03 ImaJin14

@ImaJin14 likely, but there is a larger refactor of Vocabulary happening that will likely result in correcting this issue downstream. Going to put this as blocked ti denote that.

possumbilities avatar Mar 10 '23 20:03 possumbilities