如何在vue.js中通过服务器端渲染正确获取和使用窗口大小？

Question

我有一种方法，当定义document时，它会返回窗口大小-应用程序的客户端。但是我有此错误，因为在服务器document上未定义。

错误：客户端渲染的虚拟DOM树与服务器渲染的内容不匹配。

windowSize() {
 if (typeof document !== 'undefined') {
    return document.documentElement.clientWidth;
 }
}

<div class="answer__photo-wrapper">
    <img v-if="windowSize() > 1024"
         alt="image"
         v-parallax="0.1"
         v-lazy="item.answer.photo"/>
</div>