diff --git a/packages/cli/package.json b/packages/cli/package.json
index 20d449243..c44f80923 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -52,7 +52,7 @@
     "remark-rehype": "^7.0.0",
     "rollup": "^2.58.0",
     "unified": "^9.2.0",
-    "wc-compiler": "~0.9.1"
+    "wc-compiler": "~0.10.0"
   },
   "devDependencies": {
     "@babel/runtime": "^7.10.4",
diff --git a/packages/cli/test/cases/build.default.ssr-prerender/build.default.ssr-prerender.spec.js b/packages/cli/test/cases/build.default.ssr-prerender/build.default.ssr-prerender.spec.js
index 8a2848228..f4eb9413e 100644
--- a/packages/cli/test/cases/build.default.ssr-prerender/build.default.ssr-prerender.spec.js
+++ b/packages/cli/test/cases/build.default.ssr-prerender/build.default.ssr-prerender.spec.js
@@ -69,12 +69,12 @@ describe('Build Greenwood With: ', function() {
       });
 
       it('should have one top level <app-footer> element with a <template> with an open shadowroot', function() {
-        expect(dom.window.document.querySelectorAll('app-footer template[shadowroot="open"]').length).to.equal(1);
+        expect(dom.window.document.querySelectorAll('app-footer template[shadowrootmode="open"]').length).to.equal(1);
         expect(dom.window.document.querySelectorAll('template').length).to.equal(1);
       });
 
       it('should have the expected SSR Shadow DOM content for the footer', function() {
-        const wrapper = new JSDOM(dom.window.document.querySelectorAll('app-footer template[shadowroot="open"]')[0].innerHTML);
+        const wrapper = new JSDOM(dom.window.document.querySelectorAll('app-footer template[shadowrootmode="open"]')[0].innerHTML);
         const footer = wrapper.window.document.querySelectorAll('footer');
 
         expect(footer.length).to.equal(1);
diff --git a/packages/cli/test/cases/serve.default.ssr/serve.default.ssr.spec.js b/packages/cli/test/cases/serve.default.ssr/serve.default.ssr.spec.js
index bd9c6ac79..7a4b01b35 100644
--- a/packages/cli/test/cases/serve.default.ssr/serve.default.ssr.spec.js
+++ b/packages/cli/test/cases/serve.default.ssr/serve.default.ssr.spec.js
@@ -259,7 +259,7 @@ describe('Serve Greenwood With: ', function() {
       });
 
       it('should have the expected number of <wc-card> tags in the <head>', function() {
-        const cards = dom.window.document.querySelectorAll('body > wc-card template[shadowroot="open"]');
+        const cards = dom.window.document.querySelectorAll('body > wc-card template[shadowrootmode="open"]');
 
         expect(cards.length).to.be.greaterThan(0);
       });
diff --git a/packages/plugin-import-jsx/package.json b/packages/plugin-import-jsx/package.json
index a339e3b39..fec2cb01d 100644
--- a/packages/plugin-import-jsx/package.json
+++ b/packages/plugin-import-jsx/package.json
@@ -27,7 +27,7 @@
     "@greenwood/cli": "^0.28.0-alpha.4"
   },
   "dependencies": {
-    "wc-compiler": "~0.9.1"
+    "wc-compiler": "~0.10.0"
   },
   "devDependencies": {
     "@greenwood/cli": "^0.29.1"
diff --git a/www/pages/blog/release/v0-26-0.md b/www/pages/blog/release/v0-26-0.md
index 896f2d7e1..f3465310f 100644
--- a/www/pages/blog/release/v0-26-0.md
+++ b/www/pages/blog/release/v0-26-0.md
@@ -150,7 +150,7 @@ For those curious, let's take a quick peek under the hood to see how it works.
 1. Get HTML!
     ```html
     <wcc-footer>
-      <template shadowroot="open">
+      <template shadowrootmode="open">
         <style>
           .footer {
             color: white;
diff --git a/yarn.lock b/yarn.lock
index babf2cfdb..b86e1bff4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16787,10 +16787,10 @@ wait-port@1.0.4:
     commander "^9.3.0"
     debug "^4.3.4"
 
-wc-compiler@~0.9.1:
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/wc-compiler/-/wc-compiler-0.9.1.tgz#65348882a63bf8094722a293c422b4d6f07215d5"
-  integrity sha512-zdXSXeeoB6jKGV8mELFpY3fe6kxeM+i+TULqMPaP+hXHyQHUWnGAqK6juQUOFc0TVixDTcCmCuQ/GXknqXwRqA==
+wc-compiler@~0.10.0:
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/wc-compiler/-/wc-compiler-0.10.0.tgz#3a0c32c500425c4493def7c47ea8df230d7cd0b8"
+  integrity sha512-GwtQw/cgbaCedoeguMc5YlRvHujDRTfpJxgglPAVT3LuJCRGXqG3nyckuV4mvblOBAPwePuP9T5nOTxbW/ZIRA==
   dependencies:
     acorn "^8.7.0"
     acorn-jsx "^5.3.2"
