\r\n\u003C/template>\r\n\r\n\u003Cstyle>\r\n .link--active {\r\n font-weight: bold;\r\n }\r\n\u003C/style>\r\n\r\n```\n\n### Expected behavior\n\nShould be the same as in dev mode: When loading the page the first time:\r\n\r\n- The text part `{{isActiveRoute(href)? 'active': 'inactive'}}` is updated ✔️\r\n- The `:class=\"{'link--active': isActiveRoute(href)}\"` is updated on first render. ✔️\r\n\r\nThe HTML output on build on first render should be same as in dev mode:\r\n\r\n```html\r\n\u003Cul>\r\n \u003Cli>\u003Ca href=\"/\" class=\"link--active\">active: Home\u003C/a>\u003C/li>\r\n \u003Cli>\u003Ca href=\"/markdown-examples.html\" class=\"\">inactive: Markdown Examples\u003C/a>\u003C/li>\r\n \u003Cli>\u003Ca href=\"/api-examples.html\" class=\"\">inactive: API Examples\u003C/a>\u003C/li>\r\n\u003C/ul>\r\n```\r\n\r\n\r\n\n\n### System Info\n\n```Text\nError can also be reproduced on vercel.\r\n\r\nLocal install\r\n\r\nSystem:\r\n OS: Windows 10 10.0.19045\r\n CPU: (4) x64 Intel(R) Core(TM) i7-4500U CPU @ 1.80GHz\r\n Memory: 1.28 GB / 7.92 GB\r\n Binaries:\r\n Node: 18.17.1 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.18 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 9.6.7 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.3.1 - C:\\Program Files\\nodejs\\pnpm.CMD\r\n Browsers:\r\n Chrome: 116.0.5845.188\r\n Edge: Spartan (44.19041.1266.0), Chromium (117.0.2045.31)\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.14 => 1.0.0-rc.14\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2967],{"name":2968,"color":2969},"has-workaround","1B4515",2995,"Build & Dev behaves differently: Build does not update reactive class name on the first page render","2023-09-30T00:04:15Z","https://github.com/vuejs/vitepress/issues/2995",0.7735599,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fYUKEIwBwGztiqH0wV-mdEcpj-xoxE8pWph2qngU91Oc":-1},"/vuejs/vitepress/4667"]