html5audio plugin in CKEditor 4 in vue - vue.js

I am trying to add the html5audio plugin in my ckeditor 4 in vue but everytime I am getting html5audio are not found ..... I have two questions. First of all, can html5audio plugin be installed in ** "ckeditor4-vue": "^1.0.1"**. Second one, is there any plugin where I can add html5 audio link in my vue project?

Related

Nuxt content alternative for vue 3 + vite?

I want to create simple blog with netlify cms and i have no idea is there any plugin with same purpose as nuxt content and with complete api in vue 3.
I look to Vite Plugin MD, while it's a great plugin but i have not found same function in nuxt content like fetch.
Is there any plugin with same functionality as nuxt content for vue 3 + vite?
Vitesse is still the best alternative to use Vue3 + Vite.
It's made by a guy who is both in the Vue and Nuxt core team btw.
It has some markdown support, not 100% equivalent to Nuxt content but it's a start. Otherwise, you can always complete it with some homemade solution like remark.

Using plugins in Uno Css

I am using unocss, instead of tailwindcss in a nuxtjs 2 project. I then want to use a few plugins like the flowbite plugin for tailwindcss. How do I make this to work with unocss?

how to enable hot reload in newly created vue js project?

I am new to Vuejs. I have created a Vuejs project, but I have to re-run the project each time to reflect the changes in browser. The project is created by(default vue 3)
vue create projectname
Look into VITE. It's made by the same guy who made vuejs. It does what you're asking about with Hot module replacement (changes made show up instantly in the browser). It's amazing. I'm not sure if you can update an existing project to use vite, but it's dead easy to start a new vue3 project with vite.

Dropdown Bootstrap does not open

I'm currently learning Vuejs, bootstrap, bootstrap-vue-3, and Vue Router. But somehow the dropdown does not open.
Here is my code: https://stackblitz.com/edit/vue-66s6dv?
The bootstrap source: https://getbootstrap.com/docs/4.4/components/navbar/
The bootstrap source your are working with (based on your link), is from Bootstrap 4.4 and it's slightly, but different to Bootstrap 5.
A version of Bootstrap 4 is not compatible to Vuejs 3.
So I would recommend to use the latest Bootstrap 4.6 with Vuejs 2 - than you can use BootstrapVue 2.21.2.
Here is a link to show how you am able to run it togehter which the different version:
https://bootstrap-vue.org/docs

How to adapt Vue component for browser build?

I have a legacy web application which I have introduced Vue into in a few places, via CDN. I have upgraded it from Vue 2 to Vue 3. There is a component used there which breaks with Vue 3, but there is a Vue 3 version of it. However, the author states this: "The component is packaged mainly for use with bundlers, if you require a browser build - post an issue." I do require a browser build. Is there some easy way I can do this for myself? I wasn't planning to use a bundler for this application, so I'm hoping I can use the existing modules to create a .js file I can use from the browser?