I got a error message about "Hydration completed but contains mismatches."

[fer-apong]

This is a Question

page/index.vue
<div class="display-5" data-aos="fade-left">{{ slideTextsInfo.title }}</div>

after "pnpm dev", chrome report:
`
runtime-core.esm-bundler.js:51 [Vue warn]: Hydration class mismatch on

• rendered on server: class="display-5 aos-init aos-animate"
• expected on client: class="display-5"
  `

package.json:
"dependencies": { "@mdi/font": "^7.4.47", "@popperjs/core": "^2.11.8", "animate.css": "^4.1.1", "aos": "^2.3.4", "bootstrap": "^5.3.3", "nuxt": "^3.15.0", "nuxt-swiper": "2.0.0", "vue": "latest", "vue-router": "latest" },
How can I resolve this error message