nuxt3 body加上noscript

Nuxt.js 是一个用于构建 Vue.js 应用的框架，它结合了 Vue.js 的简洁性和Next.js的服务器渲染功能。关于在 Nuxt 3 中添加 `noscript` 元素到页面的 `body` 部分，`noscript` 标签通常用于指示在当前浏览器环境中 JavaScript 未启用时的内容呈现。

当你需要告知搜索引擎或者其他访问者，如果他们禁用了 JavaScript，网页的某些部分仍然可以被访问时，可以这样做：

<template>
  <div>
    <noscript>
      <!-- 在这里提供静态内容或者备用信息 -->
      您的浏览器似乎禁用了JavaScript。这部分内容无法正常显示，但以下是静态文本：
      这是一个没有JavaScript的示例。
    </noscript>
    
    <!-- 如果JavaScript可用，则加载您的默认内容 -->
    <script v-if="window.jQuery">...</script>
    <!-- 更多动态内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 确保只有在JavaScript环境里才执行这部分
    if (typeof window.jQuery !== 'undefined') {
      // 初始化依赖于JS的代码
    }
  },
}
</script>

在这个例子中，当浏览器支持 JavaScript 时，会加载 `v-if` 条件下的内容；而如果 JavaScript 被禁用，`noscript` 内部的内容将被展示给用户。