Not working on vue js 3

[takefy-dev]

Hey why is the package is not working on vue 3 ?

[banocean]

try https://www.npmjs.com/package/@discord-message-components/vue

[takefy-dev]

try https://www.npmjs.com/package/@discord-message-components/vue

still not working lol

[takefy-dev]

in vue 2 it's wokring but the package in vue 3 i got this error This dependency was not found:

• @discord-message-components/vue/styles in ./src/main.js

To install it, you can run: npm install --save @discord-message-components/vue/styles

[Danktuary]

Hey @takefy-dev! This package is intended to work with only Vue 2, but @discord-message-components/vue does work for Vue 3. That package will also eventually work for Vue 2, and then this package will be archived.

To install the Vue 3 version, try the following:

yarn add @discord-message-components/vue

And then in your main.js:

import { createApp } from 'vue'
import { install as DiscordMessageComponents } from '@discord-message-components/vue'
import App from './App.vue'
import '@discord-message-components/vue/dist/style.css'

const app = createApp(App)

// Only necessary if you want to provide plugin options
app.use(DiscordMessageComponents, { /* ... */})`

app.mount('#app')

There is actually an error in the README's for that project; The import @discord-message-components/vue/styles' lines should be import @discord-message-components/vue/dist/style.css. The former will work if you use a bundler like Vite (afaik), but the latter will work anywhere. Try it out and let me know, thanks!