diff --git a/package.json.template b/package.json.template
index 018b406..8bea766 100644
--- a/package.json.template
+++ b/package.json.template
@@ -2,6 +2,7 @@
     "workspaces": [
         "packages/*",
         "demo-vue",
+        "demo-vue3",
         "demo-ng",
         "demo-svelte",
         "demo-react",
@@ -32,6 +33,9 @@
         "demo.vue.android": "cd ./demo-vue && ns run android --no-hmr --env.watchNodeModules",
         "demo.vue.clean": "cd ./demo-vue && ns clean",
         "demo.vue.ios": "cd ./demo-vue && ns run ios --no-hmr --env.watchNodeModules",
+        "demo.vue3.android": "cd ./demo-vue3 && ns run android --no-hmr --env.watchNodeModules",
+        "demo.vue3.clean": "cd ./demo-vue3 && ns clean",
+        "demo.vue3.ios": "cd ./demo-vue3 && ns run ios --no-hmr --env.watchNodeModules",
         "doc": "node tools/builddoc.mjs",
         "publish": "npm run clean && npm run build.all && npm run readme && npm run doc && lerna publish --no-private --create-release=github --force-publish",
         "postinstall": "npm run setup",
diff --git a/readme/demos-and-development.md b/readme/demos-and-development.md
index 4000ff2..33f2608 100644
--- a/readme/demos-and-development.md
+++ b/readme/demos-and-development.md
@@ -28,13 +28,13 @@ WARNING: it seems `yarn build.all` wont always work (not finding binaries in `no
 ### Demos
 
 ```bash
-npm run demo.[ng|react|svelte|vue].[ios|android]
+npm run demo.[ng|react|svelte|vue|vue3].[ios|android]
 
 npm run demo.svelte.ios # Example
 ```
 
-Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue]`
-Instead you work in `demo-snippets/[ng|react|svelte|vue]`
+Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue|vue3]`
+Instead you work in `demo-snippets/[ng|react|svelte|vue|vue3]`
 You can start from the `install.ts` of each flavor to see how to register new demos 
 
 ## Contributing
diff --git a/sync.js b/sync.js
index 0078f07..c40e345 100644
--- a/sync.js
+++ b/sync.js
@@ -96,11 +96,17 @@ if (!pluginDemos.includes('svelte')) {
     deleteProperty(pluginPackageJSON, 'demo.svelte.clean');
 }
 
-if (!pluginDemos.includes('vue')) {
+if (!pluginDemos.endsWith('vue')) {
     deleteProperty(pluginPackageJSON, 'demo.vue.android');
     deleteProperty(pluginPackageJSON, 'demo.vue.ios');
     deleteProperty(pluginPackageJSON, 'demo.vue.clean');
 }
 
+if (!pluginDemos.includes('vue3')) {
+    deleteProperty(pluginPackageJSON, 'demo.vue3.android');
+    deleteProperty(pluginPackageJSON, 'demo.vue3.ios');
+    deleteProperty(pluginPackageJSON, 'demo.vue3.clean');
+}
+
 console.log('Common files and package.json have been synced.');
 fs.writeFileSync('./package.json', JSON.stringify(pluginPackageJSON, 0, 4) + '\n');
diff --git a/update.js b/update.js
index 9aa1771..4ece912 100644
--- a/update.js
+++ b/update.js
@@ -4,7 +4,7 @@ const { execSync } = require('child_process');
 
 const pluginConfig = fs.readFileSync('config.json');
 
-const validDirectories = ['tools', 'demo-ng', 'demo-react', 'demo-svelte', 'demo-vue'];
+const validDirectories = ['tools', 'demo-ng', 'demo-react', 'demo-svelte', 'demo-vue', 'demo-vue3'];
 
 function getDirectories(path) {
     return fs.readdirSync(path).filter(function (file) {