<script lang="ts">
export default defineNuxtComponent({
  name: 'ClientOnlyScript',
  props: {
    foo: {
      type: String,
    },
  },
})
</script>

<template>
  <div>
    <div class="client-only-css">
      client only script component {{ foo }}
    </div>
    <slot name="test" />
  </div>
</template>

<style>
  :root {
    --client-only: 'client-only';
  }
</style>

<style scoped>
  .client-only-css {
    color: rgb(50, 50, 50);
  }
</style>