As Nuxt 3 is in serious alpha development, I was wondering if there's any other tool that offers a similar experience to Nuxt 3 whilst using Vue 3.
Vite-SSG is also in Beta, but I don't know the stability of it.
Is there something else?
Yep! Try to look at VitePress or vite-ssg. This things allow you to generate SSG app easier than Nuxt 3 and you can use all vue3 compatible libraries. Nuxt 3 is not ready for production now even in rather small apps
Related
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.
set "#tinymce/tinymce-vue#^3" - for vue 2
but this TinyCloud wrapper loads TinyCloud, make it use the self-hosted version?
Is there a normal, human instruction?
ps: I'm trying to put all this in nuxt 2
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?
According to this documentation https://v3.vuejs.org/guide/installation.html#vite, we can use vite with Vue.js for fast reloading.
I'm now switching to Nuxt.js and I'm wondering if it is possible to use vite with Nuxt.js.
I did not find an official way to do that, but it there any way?
Yeah, you will be able to use Vite with Nuxt once it's migrated to Nuxt 3 (with Vue3 backed in).
Right now, it's still on Webpack4 as of right now but you pretty much follow this github thread for futher updates. So far, the core team will unleash the possibility to interchangeably choose between Webpack and Vite.
Also, I can suggest that you check this week's JS World Conference because #atinux (Sebastien Chopin) will give a talk about Nuxt. So who knows, Nuxt3 maybe ?
I have a website based on Vue framework and webpack.
I came across this css framework developed by Google (Material Components Web) where you can directly get started using a cdn or an npm package. It worked extremely well for a simple html/javascript based website. But, I am having issues setting it up for the Vue project.
There are other wrappers available for Vue framework like Veutify and Vue Material. But, it comes with lot of additional stuff like the grid layout which I don't want the developers to follow as we are already using a flex layout. I only want the component library.
So, is there a way use the Material Components Web with the Vue framework?
I didn't get the Material Components Web working with the Vue framework. But I did found another light-weight material design framework i.e. Material Design Lite.
Note: It is not specific to any framework. It lets you add Material Design look to your website developed in any framework
You can easily get started with a wide variety of options like cdn, bower, npm or even by downloading the files.
Material Components Web has modular architecture. Each component or API is distributed as a separate package. It means that you can use them separately, although there are some dependencies.
Also there is "root" package - material-components-web, which just references all other packages.
By default, when you add a package, it will not be included in your app. You'll need to import component's SCSS and optionally JavaScript. Basically like you would use any other component.
Reference this Vue app template as an example. As you can see here, it references only subset of MDC's components/APIs.