koel/resources/assets/js/components/ui/album-artist/ExpandableContentBlock.vue

<template>
  <article>
    <div :class="showingFull ? 'line-clamp-none' : 'line-clamp-[10]'">
      <slot />
    </div>

    <Btn v-if="!showingFull" class="mt-4" small @click.prevent="showingFull = true">
      Read More
    </Btn>
  </article>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

import Btn from '@/components/ui/form/Btn.vue'

const showingFull = ref(false)
</script>
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`<template>`
			`<article>`
			`<div :class="showingFull ? 'line-clamp-none' : 'line-clamp-[10]'">`
			`<slot />`
			`</div>`

chore: reformat code 2024-04-23 21:01:27 +00:00			`<Btn v-if="!showingFull" class="mt-4" small @click.prevent="showingFull = true">`
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`Read More`
			`</Btn>`
			`</article>`
			`</template>`

chore: reformat code 2024-04-23 21:01:27 +00:00			`<script lang="ts" setup>`
feat(ui): use Tailwind CSS 2024-04-04 22:20:42 +00:00			`import { ref } from 'vue'`

			`import Btn from '@/components/ui/form/Btn.vue'`

			`const showingFull = ref(false)`
			`</script>`