First off: I know they are discontinued, not looking for support on them, this is a migration question

I'm investigating the possibility of migrating from vue2 to vue3 on our CMS, we have a bunch of vue2 kendoui vue2 wrapper widgets.

I have loaded the vue3 compat script and the widgets seem to still load (albeit with the warnings in the console).  But will the continue to work if I fully move to vue3 or do they only work in the context of vue2.

How do you backslash escape Vue directives in a Kendo UI Template.

I want to escape a v-model on my Kendo UI template.

This is how I tired to escape them but it did not work.

<input type="checkbox"  \# v-model="checked" \# > EDIT:

 <input type="checkbox"  \\# v-model="checked" \# >

 
<input type="checkbox" #="" v-model="checked">
The reason for the v-model is that I am trying to do an 'if conditional' in my Vue.js model
. i.e
<script>
    const mixin = {

        data: function() {
            return {
               checked:true
       }

  created() {
    this.checked = this.addGoals();
   },
  methods: {
    addGoals() {
	if (test === 3){
        return true;
        }else{
	return false;
     }
  }

</script>

<input type="checkbox" #:v-model="checked">

Uncaught Error: Invalid template:'

Hi.  I have one reactive object that holds the data for all of tabs in a tabstrip.  I have dynamic fields in these tabs.  For example, the selection of an autocomplete field in Tab A updates the data that is in a list box in Tab B.  I'm not seeing the refresh of data when i navigate.  The data is all loaded at once.  How do I force a refresh of the tabs?

I've also tried using state management, but it's still not doing what I would like.

After upgrading vue wrapper components from 2022.2.621 to 2023.2.606 and @progress/kendo-ui from 2022.2.621 to 2023.1.425

and our native component from 3.3.3 to 3.11.0 we are getting an error Uncaught ReferenceError: jQuery is not defined

This literary stops us from working.

Is there any solution that we can try? Thanks!

I have a large project that uses BootstrapVue.  It also uses Vuelidate for validation.  Why should I consider using Kendo UI instead?  What are the major differences or pros/cons of one versus the other?  Would Kendo UI be able to completely replace BootstrapVue + Vuelidate?

Thanks.

I'm getting the following in my Debug Console when I run my application;

License activation failed for @progress/kendo-ui v2023.1.425
No license found.
See https://docs.telerik.com/kendo-ui/intro/installation/using-license-code for more information.

This despite having the license file present in my project root. At the moment, I have removed the environment variable since I thought it might be causing a conflict.

I have also used npm uninstall to remove all my local packages and I have reinstalled the. Her eis my current package.json;

{
  "name": "wpgts",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@progress/kendo-file-saver": "^1.1.1",
    "@progress/kendo-licensing": "^1.3.0",
    "@progress/kendo-map-vue-wrapper": "^2023.1.314",
    "@progress/kendo-svg-icons": "^1.4.2",
    "@progress/kendo-theme-default": "^6.2.0",
    "@progress/kendo-theme-fluent": "^6.2.0",
    "@progress/kendo-ui": "^2023.1.314",
    "@progress/kendo-vue-buttons": "^3.9.1",
    "@progress/kendo-vue-dateinputs": "^3.9.1",
    "@progress/kendo-vue-dialogs": "^3.9.1",
    "@progress/kendo-vue-dropdowns": "^3.9.1",
    "@progress/kendo-vue-form": "^3.9.1",
    "@progress/kendo-vue-indicators": "^3.9.1",
    "@progress/kendo-vue-inputs": "^3.9.1",
    "@progress/kendo-vue-intl": "^3.9.1",
    "@progress/kendo-vue-layout": "^3.9.1",
    "core-js": "^3.8.3",
    "jquery": "^3.6.4",
    "register-service-worker": "^1.7.2",
    "rxjs": "^6.6.7",
    "vue": "^3.2.13",
    "vue-router": "^4.0.3",
    "vue-rx": "^6.2.0"
  },
  "devDependencies": {
    "@types/jquery": "^3.5.16",
    "@typescript-eslint/eslint-plugin": "^5.4.0",
    "@typescript-eslint/parser": "^5.4.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-pwa": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-typescript": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "@vue/eslint-config-typescript": "^9.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "typescript": "~4.5.5"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended",
      "@vue/typescript/recommended"
    ],
    "parserOptions": {
      "ecmaVersion": 2020
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ]
}

Why am I getting this licensing issue despite having followed the instruction at this link;

https://www.telerik.com/kendo-vue-ui/components/my-license/

Any help would be greatly appreciated.

Thanks...

While completing the annual survey a couple of weeks ago, I was surprised to see that the Vue framework was conspicuously absent from the question about which technologies we expect to use in the future.  JQuery, Angular, and React were all there, along with many other technologies.  But Vue was missing.

Does this mean that Telerik is planning to drop support for the Vue framework in the future?