mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-24 22:55:13 +00:00
32 lines
448 B
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>
|