diff --git a/package.json b/package.json
index a98d5f447..44c996577 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
     "rimraf": "3.0.2",
     "siroc": "0.16.0",
     "start-server-and-test": "^1.15.4",
-    "vue": "2.7.14",
+    "vue": "3.3.8",
     "vue-jest": "3.0.7",
     "vue-template-compiler": "2.7.14"
   },
diff --git a/packages/blocks/package.json b/packages/blocks/package.json
index df8edc4c5..673a9747f 100644
--- a/packages/blocks/package.json
+++ b/packages/blocks/package.json
@@ -49,7 +49,7 @@
     "druxt-router": "^0.29.1"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/breadcrumb/package.json b/packages/breadcrumb/package.json
index 76b6b99af..a1a8c41b2 100644
--- a/packages/breadcrumb/package.json
+++ b/packages/breadcrumb/package.json
@@ -47,7 +47,7 @@
     "druxt-router": "^0.29.1"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/druxt/package.json b/packages/druxt/package.json
index 02184ac60..798534d4a 100644
--- a/packages/druxt/package.json
+++ b/packages/druxt/package.json
@@ -61,7 +61,7 @@
   },
   "optionalDependencies": {
     "core-js": "^3.31.0",
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/menu/package.json b/packages/menu/package.json
index bf96f9b16..08001496f 100644
--- a/packages/menu/package.json
+++ b/packages/menu/package.json
@@ -48,7 +48,7 @@
     "druxt-blocks": "^0.17.1"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/router/package.json b/packages/router/package.json
index 97afb466d..163922409 100644
--- a/packages/router/package.json
+++ b/packages/router/package.json
@@ -52,7 +52,7 @@
     "drupal-jsonapi-params": "*"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/schema/package.json b/packages/schema/package.json
index f8987e5bf..677cbd2bf 100644
--- a/packages/schema/package.json
+++ b/packages/schema/package.json
@@ -44,7 +44,7 @@
     "druxt": "^0.22.0"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/site/package.json b/packages/site/package.json
index 5b6f86572..af7fda2d7 100644
--- a/packages/site/package.json
+++ b/packages/site/package.json
@@ -54,7 +54,7 @@
     "md5": "^2.3.0"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/packages/views/package.json b/packages/views/package.json
index fa64e190a..eaa9d509e 100644
--- a/packages/views/package.json
+++ b/packages/views/package.json
@@ -51,7 +51,7 @@
     "md5": "^2.3.0"
   },
   "optionalDependencies": {
-    "vue": "^2.7.14",
+    "vue": "^3.3.8",
     "vuex": "^3.6.2"
   },
   "publishConfig": {
diff --git a/yarn.lock b/yarn.lock
index da3304fe1..c2e56191e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2165,6 +2165,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.23.0":
+  version: 7.23.0
+  resolution: "@babel/parser@npm:7.23.0"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 453fdf8b9e2c2b7d7b02139e0ce003d1af21947bbc03eb350fb248ee335c9b85e4ab41697ddbdd97079698de825a265e45a0846bb2ed47a2c7c1df833f42a354
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.16.7":
   version: 7.16.7
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.16.7"
@@ -5591,6 +5600,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/sourcemap-codec@npm:^1.4.15":
+  version: 1.4.15
+  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
+  checksum: b881c7e503db3fc7f3c1f35a1dd2655a188cc51a3612d76efc8a6eb74728bef5606e6758ee77423e564092b4a518aba569bbb21c9bac5ab7a35b0c6ae7e344c8
+  languageName: node
+  linkType: hard
+
 "@jridgewell/trace-mapping@npm:0.3.9":
   version: 0.3.9
   resolution: "@jridgewell/trace-mapping@npm:0.3.9"
@@ -7114,6 +7130,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-core@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/compiler-core@npm:3.3.8"
+  dependencies:
+    "@babel/parser": ^7.23.0
+    "@vue/shared": 3.3.8
+    estree-walker: ^2.0.2
+    source-map-js: ^1.0.2
+  checksum: 772e9ec2049b53f3ee69f657f93e6b7a14a24aa51d2baecaa311805c6a328b944358143bf01ca58f189ad3e5239e2b057e1877e98c42939a8dd7b281741ec71c
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-dom@npm:3.2.4, @vue/compiler-dom@npm:^3.2.0":
   version: 3.2.4
   resolution: "@vue/compiler-dom@npm:3.2.4"
@@ -7124,6 +7152,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-dom@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/compiler-dom@npm:3.3.8"
+  dependencies:
+    "@vue/compiler-core": 3.3.8
+    "@vue/shared": 3.3.8
+  checksum: f897be7f08217e98d9b6cdf2f4663453f44cbddc4b84b74b3f979d78fc4b71021f4acfb1a5051b6af05378349ff423a37471ba595bde9c2441e610ba0b4f36d4
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-sfc@npm:2.7.14":
   version: 2.7.14
   resolution: "@vue/compiler-sfc@npm:2.7.14"
@@ -7135,6 +7173,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-sfc@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/compiler-sfc@npm:3.3.8"
+  dependencies:
+    "@babel/parser": ^7.23.0
+    "@vue/compiler-core": 3.3.8
+    "@vue/compiler-dom": 3.3.8
+    "@vue/compiler-ssr": 3.3.8
+    "@vue/reactivity-transform": 3.3.8
+    "@vue/shared": 3.3.8
+    estree-walker: ^2.0.2
+    magic-string: ^0.30.5
+    postcss: ^8.4.31
+    source-map-js: ^1.0.2
+  checksum: 7f931f3fe3fd117974b20f497267e9c29fea83d5703fe65aad5f0ea63c9563581b186acf02cdd1d85526395f0067dde9d05c5e522d9cffba2168b16c4a9414d9
+  languageName: node
+  linkType: hard
+
 "@vue/compiler-sfc@npm:^3.2.0":
   version: 3.2.4
   resolution: "@vue/compiler-sfc@npm:3.2.4"
@@ -7170,6 +7226,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/compiler-ssr@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/compiler-ssr@npm:3.3.8"
+  dependencies:
+    "@vue/compiler-dom": 3.3.8
+    "@vue/shared": 3.3.8
+  checksum: eddfbc884c0340ce0acccca503a10c04dc0bf8b612fb4220f7e6d41f9efe1c44fed37615ea5fc62d73e62c4900f55c44175f5d0a17d25b607367cbb127e61b67
+  languageName: node
+  linkType: hard
+
 "@vue/devtools-api@npm:^6.5.0":
   version: 6.5.0
   resolution: "@vue/devtools-api@npm:6.5.0"
@@ -7177,6 +7243,61 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/reactivity-transform@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/reactivity-transform@npm:3.3.8"
+  dependencies:
+    "@babel/parser": ^7.23.0
+    "@vue/compiler-core": 3.3.8
+    "@vue/shared": 3.3.8
+    estree-walker: ^2.0.2
+    magic-string: ^0.30.5
+  checksum: cc846146fe88aad18c9b7a5597862bee6763ad8c5afb9985a407c25430e9b512c450cf67972f944ab41f9cf3fd5237fd741c31a85a6c0961c49774cedbd0f2ff
+  languageName: node
+  linkType: hard
+
+"@vue/reactivity@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/reactivity@npm:3.3.8"
+  dependencies:
+    "@vue/shared": 3.3.8
+  checksum: 6c6e83c2c9cd29e230d7d45f8c60f9f344129a8904127c0e403f29c1727fb67ed903379c56f9e9fc4166f5e1ba29202604ac77f011d5e3fe7c8f32d6efe7f12a
+  languageName: node
+  linkType: hard
+
+"@vue/runtime-core@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/runtime-core@npm:3.3.8"
+  dependencies:
+    "@vue/reactivity": 3.3.8
+    "@vue/shared": 3.3.8
+  checksum: 14b6a5293a25d80c681829b512be5b749fd66e9de4a5de65c9f7d6c82283d4ecb408e84bc485e214627cdb80d40ac8e9970a885592cec2d50acea29ec2ac6f18
+  languageName: node
+  linkType: hard
+
+"@vue/runtime-dom@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/runtime-dom@npm:3.3.8"
+  dependencies:
+    "@vue/runtime-core": 3.3.8
+    "@vue/shared": 3.3.8
+    csstype: ^3.1.2
+  checksum: fec87df42b536e52da4ff44a0fc715314db0729d22893ba0d5420368dd0b2b8e4f32b51c2dcf0f1420c4b620a235e86a4b7c70d6a4d68ba28839f91bd18047e7
+  languageName: node
+  linkType: hard
+
+"@vue/server-renderer@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/server-renderer@npm:3.3.8"
+  dependencies:
+    "@vue/compiler-ssr": 3.3.8
+    "@vue/shared": 3.3.8
+  peerDependencies:
+    vue: 3.3.8
+  checksum: b0577acc10e3b108b4f631af6b9d349747ac49bcce2e3bac7b237bdeaa295effe8e8ac3547fa5d0dc51e8d419d7553a3cb50c07b21ea9df8c422ee0acd9fbcf9
+  languageName: node
+  linkType: hard
+
 "@vue/shared@npm:3.2.4":
   version: 3.2.4
   resolution: "@vue/shared@npm:3.2.4"
@@ -7184,6 +7305,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/shared@npm:3.3.8":
+  version: 3.3.8
+  resolution: "@vue/shared@npm:3.3.8"
+  checksum: d5bd795977c885017498e839f5462bc2b046fb4a4c4bf925b82ac0eaf883c1cf9203d69f17160f7be7b3c1d9acb5513d57010b401407b63f3c36c7af87778fae
+  languageName: node
+  linkType: hard
+
 "@vue/test-utils@npm:1.3.6":
   version: 1.3.6
   resolution: "@vue/test-utils@npm:1.3.6"
@@ -10546,6 +10674,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"csstype@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "csstype@npm:3.1.2"
+  checksum: e1a52e6c25c1314d6beef5168da704ab29c5186b877c07d822bd0806717d9a265e8493a2e35ca7e68d0f5d472d43fac1cdce70fd79fd0853dff81f3028d857b5
+  languageName: node
+  linkType: hard
+
 "csv-generate@npm:^3.4.3":
   version: 3.4.3
   resolution: "csv-generate@npm:3.4.3"
@@ -11183,7 +11318,7 @@ __metadata:
     druxt: ^0.22.0
     druxt-entity: ^0.28.0
     druxt-router: ^0.29.1
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11200,7 +11335,7 @@ __metadata:
     druxt: ^0.22.0
     druxt-blocks: ^0.17.1
     druxt-router: ^0.29.1
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11248,7 +11383,7 @@ __metadata:
     drupal-jsonapi-params: ^2.2.0
     druxt: ^0.24.0
     druxt-blocks: ^0.17.1
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11283,7 +11418,7 @@ __metadata:
   dependencies:
     druxt: ^0.24.0
     url-parse: ^1.5.10
-    vue: ^2.7.14
+    vue: ^3.3.8
     vue-router: ^3.6.5
     vuex: ^3.6.2
   peerDependencies:
@@ -11303,7 +11438,7 @@ __metadata:
     consola: ^2.15.3
     drupal-jsonapi-params: ^2.2.0
     druxt: ^0.22.0
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11327,7 +11462,7 @@ __metadata:
     druxt-schema: ^0.11.2
     druxt-views: ^0.22.0
     md5: ^2.3.0
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11360,7 +11495,7 @@ __metadata:
     druxt-entity: ^0.28.0
     druxt-router: ^0.29.1
     md5: ^2.3.0
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   dependenciesMeta:
     vue:
@@ -11398,7 +11533,7 @@ __metadata:
     rimraf: 3.0.2
     siroc: 0.16.0
     start-server-and-test: ^1.15.4
-    vue: 2.7.14
+    vue: 3.3.8
     vue-jest: 3.0.7
     vue-template-compiler: 2.7.14
   languageName: unknown
@@ -11421,7 +11556,7 @@ __metadata:
     md5: ^2.3.0
     querystring: ^0.2.1
     scule: ^0.3.2
-    vue: ^2.7.14
+    vue: ^3.3.8
     vuex: ^3.6.2
   peerDependencies:
     axios: "*"
@@ -12395,7 +12530,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-walker@npm:^2.0.1":
+"estree-walker@npm:^2.0.1, estree-walker@npm:^2.0.2":
   version: 2.0.2
   resolution: "estree-walker@npm:2.0.2"
   checksum: 6151e6f9828abe2259e57f5fd3761335bb0d2ebd76dc1a01048ccee22fabcfef3c0859300f6d83ff0d1927849368775ec5a6d265dde2f6de5a1be1721cd94efc
@@ -17331,6 +17466,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"magic-string@npm:^0.30.5":
+  version: 0.30.5
+  resolution: "magic-string@npm:0.30.5"
+  dependencies:
+    "@jridgewell/sourcemap-codec": ^1.4.15
+  checksum: da10fecff0c0a7d3faf756913ce62bd6d5e7b0402be48c3b27bfd651b90e29677e279069a63b764bcdc1b8ecdcdb898f29a5c5ec510f2323e8d62ee057a6eb18
+  languageName: node
+  linkType: hard
+
 "make-dir@npm:^2.0.0, make-dir@npm:^2.1.0":
   version: 2.1.0
   resolution: "make-dir@npm:2.1.0"
@@ -18300,6 +18444,15 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"nanoid@npm:^3.3.6":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: d36c427e530713e4ac6567d488b489a36582ef89da1d6d4e3b87eded11eb10d7042a877958c6f104929809b2ab0bafa17652b076cdf84324aa75b30b722204f2
+  languageName: node
+  linkType: hard
+
 "nanomatch@npm:^1.2.9":
   version: 1.2.13
   resolution: "nanomatch@npm:1.2.13"
@@ -19414,6 +19567,17 @@ fsevents@^1.2.7:
   languageName: node
   linkType: hard
 
+"postcss@npm:^8.4.31":
+  version: 8.4.31
+  resolution: "postcss@npm:8.4.31"
+  dependencies:
+    nanoid: ^3.3.6
+    picocolors: ^1.0.0
+    source-map-js: ^1.0.2
+  checksum: 1d8611341b073143ad90486fcdfeab49edd243377b1f51834dc4f6d028e82ce5190e4f11bb2633276864503654fb7cab28e67abdc0fbf9d1f88cad4a0ff0beea
+  languageName: node
+  linkType: hard
+
 "preferred-pm@npm:^3.0.0":
   version: 3.0.3
   resolution: "preferred-pm@npm:3.0.3"
@@ -23731,7 +23895,25 @@ typescript@^4.3.5:
   languageName: node
   linkType: hard
 
-"vue@npm:2.7.14, vue@npm:^2.7.14":
+"vue@npm:3.3.8, vue@npm:^3.3.8":
+  version: 3.3.8
+  resolution: "vue@npm:3.3.8"
+  dependencies:
+    "@vue/compiler-dom": 3.3.8
+    "@vue/compiler-sfc": 3.3.8
+    "@vue/runtime-dom": 3.3.8
+    "@vue/server-renderer": 3.3.8
+    "@vue/shared": 3.3.8
+  peerDependencies:
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 560c18aa37f3f2351de8245f7844611409e7b7cbaabaae0993bdacd6090bb5ca81d89366e324babfdc7063f2312de5b62b56fe8b4dadc586baef8e0968eb6e14
+  languageName: node
+  linkType: hard
+
+"vue@npm:^2.7.14":
   version: 2.7.14
   resolution: "vue@npm:2.7.14"
   dependencies: