<!--

# Lucas 洛可

<div class="leading-8 opacity-80">
  喜歡研究和分享有趣的技術，2年網頁接案經驗。<br>
  擅長使用的框架為 Laravel、Vue.js、Tailwind CSS。<br>
</div>

<div class="my-10 grid grid-cols-[40px,1fr] w-min gap-y-4">
  <ri:github-line class="opacity-50"/>
  <div><a href="https://github.com/ycs77" target="_blank">ycs77</a></div>
  <ri:user-3-line class="opacity-50"/>
  <div><a href="https://lucas-yang.vercel.app" target="_blank" class="whitespace-nowrap">lucas-yang.vercel.app</a></div>
</div>

<div class="abs-tr mt-20 mr-28">
  <img src="https://cdn.jsdelivr.net/npm/slidev-theme-ycs77/public/images/lucas_v_avatar.jpg" class="rounded-full w-40" />
</div>

-->

<template>
  <Intro>
    <slot>
      <h1>Lucas 洛可</h1>

      <div class="leading-8 opacity-80">
        <slot name="description">
          喜歡研究和分享有趣的技術，2年網頁接案經驗。<br>
          擅長使用的框架為 Laravel、Vue.js、Tailwind CSS。<br>
        </slot>
      </div>

      <div class="my-10 grid grid-cols-[40px,1fr] w-min gap-y-4">
        <slot name="github-icon">
          <ri:github-line class="opacity-50"/>
        </slot>
        <div>
          <slot name="github-link">
            <a href="https://github.com/ycs77" target="_blank">ycs77</a>
          </slot>
        </div>
        <slot name="user-icon">
          <ri:user-3-line class="opacity-50"/>
        </slot>
        <div>
          <slot name="user-link">
            <a href="https://lucas-yang.vercel.app" target="_blank" class="whitespace-nowrap">lucas-yang.vercel.app</a>
          </slot>
        </div>
      </div>

      <div class="abs-tr mt-20 mr-28">
        <img src="https://cdn.jsdelivr.net/npm/slidev-theme-ycs77/public/images/lucas_v_avatar.jpg" class="rounded-full w-40" />
      </div>
    </slot>
  </Intro>
</template>

<script setup>
import Intro from './intro.vue'
</script>
