cesium+vue3 设置黑夜

<template>
  <div id="cesiumContent">
    
  </div>
</template>

<script setup>
import { onMounted} from 'vue'
import * as Cesium from 'cesium'
console.log(Cesium);
onMounted(async()=>{
  // token
  Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI1MjEzMTIyZS0wZTYxLTRmYmUtOTAwMC02OTI0YTUzYjNhMDciLCJpZCI6MjMyMjU3LCJpYXQiOjE3MjI1ODkxNjh9.ojMT5Gn6hJUBUywEzDwdZnR3-8rEO7vJ8z6bSB4HxEY'
  // viewer所有api的开始
  const viewer = new Cesium.Viewer('cesiumContent',{})
  // 设置黑夜光照条件
  viewer.scene.globe.enableLighting = true;
  viewer.scene.lightingFadeOutDistance = 1e6;
  viewer.scene.lightingFadeInDistance = 1e7;
  // 设置天空盒颜色为黑色
  viewer.scene.skyBox.show = true;
  viewer.scene.skyBox.color = Cesium.Color.BLACK;
  // 可选：关闭太阳光照
  viewer.scene.sun.show = false;
  // 可选：关闭星星
  viewer.scene.starProcessor.show = false;
  // 可选：关闭大气散射
  viewer.scene.skyAtmosphere.show = false;
})
</script>

<style>
#cesiumContent{
  width:100vw;
  height:100vh;
  overflow: hidden;
}
</style>