Nuxt/test/fixtures/basic/components/ClientOnlyScript.client.vue

32 lines
448 B
Vue

<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>