How to update Vue.js dependency version in Sails.js? - vue.js

I installed Sails.js v1.0 as my Node.js framework to work with. I choose the built-in web for this Sails.js initialization. Then
I included Vuetify v2.0.5 framework and it suggested me to update the Vue.js dependency v2.5.17 in Sails.js into Vue.js ^v2.5.18.
I don't want any warnings in my console and I want to get rid of it.
I expect my Sails Vue.js dependency has the latest version.

Related

Cannot use storyblok nuxt library with latest Vue 2.7 version

Storyblok nuxt library requires vue/composition-api that requires vue < 2.7
#vue/composition-api in ./node_modules/#storyblok/nuxt-2/dist/storyblok-nuxt.mjs friendly-errors 13:11:10
⚠️ With the release of Vue 2.7, which has Composition API built-in,
you no longer need this plugin. Thereby this plugin has entered
maintenance mode and will only support Vue 2.6 or earlier.
Has anyone managed to use #storyblok/nuxt-2 with latest Vue version?

Use a specific version of Vue for a Quasar project

When I started a new Vue project with Quasar, it installed the latest version of Vue which is 3.2.33, however I want to use 3.2.30.
How can I roll back or change it to that version of Vue?
You can fix a specific version to be used via the following in your package.json
{
"dependencies": {
"vue": "3.2.30"
},
}
Regarding the Quasar CLI, it creates a project with the following by default
Regarding semver, since it's ^3.0.0, the range will be >=3.0.0 and <4.0.0.
So every news project built by Quasar will be using the stable MAJOR v3 and the latest MINOR + PATCH versions.
You cannot change that properly.
(you could of course hack it yourself by keeping your own frozen version of Quasar or risk to edit it in your yarn.lock but I heavily recommend against that)
At the end, the project may use something lately released by the Vue core team or a critical fix. If the dev team of Quasar requires this change but you hacked it, you may experience some weird bugs that you will have no idea of the source (on top of other possible conflicts/issues).
TLDR: use the latest version of Vue (as intended by the Quasar team) or maybe lock a specific version of quasar that is fitting your needs regarding the Vue version.
You will not risk anything doing that.
PS: Quasar ^1.0.0 is used for Vue2 apps. If you want to see if some specific versions of Quasar are running some specific frozen versions of Vue, you can always dig deep into the releases of the project.

Do I need the #vitejs/plugin-vue dependency?

I'm trying to migrate a Vue2 project from Vue-CLI/Webpack to Vite. This migration guide says #vitejs/plugin-vue should be added as a dev dependency, but I'm not sure if I really need it, or if I do, which version I should use?
The documentation on GitHub doesn't say much about what this plugin is for, or when it should be installed.
#vitejs/plugin-vue is for Vue 3. You can use vite-plugin-vue2 for Vue 2.
I made a sample project with Vite, Vue2 and TailwindCSS that you can test / fork on stackblitz.
https://stackblitz.com/edit/vitejs-vite-hu1crh

Creating a custom framework Extension for sharepoint using vue js (vuespfx)

Creating a custom extension framework for SharePoint online using the vuespfx, scaffold can't be generated?
Using the Yeoman Generator with Vue:
npm i -g generator-vuespfx, yo vuespfx
It's may help full for you, to develop the client side extension component using react js
SharePoint Framework Extension
You may choose PnP/generator-SPFx which supports VUE framework( as I test the generator with vue framework, I didn't get erros).

Include VueJS Plugin without Javascript Package Manager

How can I use VueJS plugins if I don't use any Javascript Package Managers (NodeJS, NPM)?
I'm building an app made from a Bootstrap template and Server Side framework in Coldfusion (CFWheels).
I wanted to use some of VueJS's functionality such as two-way data-binding, easier integration of animation using animate.css, etc. I included it via
<script src="https://unpkg.com/vue"></script>
However, I can't use NPM as the app will be continually be improved and maintained in production.
I wanted to use some VueJS plugin such as VueJS typeahead.
When I include the script, and try the documentation, there are errors in the Javascript like being unable to import, export module, require. I think these are modern Javascript coding style that are not recognized in my setup because I didn't use the NPM and require those polyfills.
Is there a way that I can make those VueJS plugins work? Or if I can just include the polyfills needed and proceed with the plugin documentations so the browser will understand those new JS terms without using NPM or other Javascript Package Manager.