VitePress ile Takvim Kurulumu

VitePress, statik siteler oluşturmak için hızlı ve hafif bir çözümdür. Bu makalede, VitePress ile bir takvim kurulumunun nasıl yapılacağına dair adımları bulabilirsiniz.

Gereksinimler

• Node.js
• VitePress
• Bir kod editörü

Adım 1: VitePress Projesi Başlatma

Öncelikle, yeni bir VitePress projesi başlatmalısınız. Terminalinize şu komutu girin:

npm init vitepress@latest

Adım 2: Takvim Bileşeni Oluşturma

src/components dizininde Calendar.vue adında yeni bir dosya oluşturun ve aşağıdaki kodu ekleyin:

<template>
  <div>
    <h1>Takvim Bileşeni</h1>
    <p>Bu, VitePress takvim bileşenidir.</p>
  </div>
</template>

<script>
export default {
  name: 'Calendar'
}
</script>

<style scoped>
h1 {
  color: #42b983;
}
</style>

Adım 3: Takvimi Sayfanıza Eklemek

Takvim bileşeninizi kullanmak için, src/pages/index.md dosyasını açın ve aşağıdaki kodu ekleyin:

# Ana Sayfa

<Calendar />

Adım 4: Projeyi Çalıştırma

Projeyi çalıştırmak için terminalde şu komutu kullanın:

npm run dev

Bu adımları tamamladıktan sonra, VitePress takviminiz başarıyla kurulmuş olmalıdır!

Daha fazla bilgi için VitePress belgelerine göz atabilirsiniz.