diff --git a/packages/@vuepress/core/lib/node/ClientComputedMixin.js b/packages/@vuepress/core/lib/node/ClientComputedMixin.js
index 2ea38bbddc..20558f5b7e 100644
--- a/packages/@vuepress/core/lib/node/ClientComputedMixin.js
+++ b/packages/@vuepress/core/lib/node/ClientComputedMixin.js
@@ -66,10 +66,10 @@ module.exports = siteData => {
     }
 
     get $canonicalUrl () {
-      const { canonical } = this.$page.frontmatter
+      const { canonicalUrl } = this.$page.frontmatter
 
-      if (typeof canonical === 'string') {
-        return canonical
+      if (typeof canonicalUrl === 'string') {
+        return canonicalUrl
       }
 
       return false