<script lang="ts" setup>
useSeoMeta({
  title: 'RayineSoft Common Components',
})
</script>

<template>
  <div class="max-w-6xl mx-auto px-4">
    <TitleBar />
    <main class="pt-4">
      <slot />
    </main>
  </div>
</template>

<style>
body {
  @apply bg-white dark:bg-neutral-900 text-neutral-900 dark:text-neutral-100;
}

/* .shiki,
.shiki span {
  background-color: rgba(0, 0, 0, 0) !important;
} */

/*
@media (prefers-color-scheme: dark) {

  .shiki,
  .shiki span,
  code.shiki {
    color: var(--shiki-dark) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
  }
} */
</style>
