Nuxtjs .md content bazı özel içerikler

Yazı içeriği / Syntax

Örnek olarak link vermek istersem Google şeklinde link tanımlayabilirim. Yazı içerisinde bir sözcüğü vurgulamak istersem Kalın sözcük olarak vurgularım. Ayrıca italik olarak değerlendirmek istersem italik şeklinde tanımlanır. Bu yazı arka planını bu şekilde yapmaktadır. Örnek olarak bunu gösterelim.

Mesaj Kutuları

default, info, warning, danger, help, calltoaction ve question olmak üzere bilgi kutuları var ve bunlar InfoBox.vue içinde tanımlı.

Kod gösterme ve çalıştırma

Bu şekilde kod çalışabilir ve gösterilebilir.

<template>
  <button @click="playSound">
    Play me!
  </button>
</template>

<script>
export default {
  data() {
    return {
      audio: null
    }
  },
  mounted() {
    this.$store.commit('initializeSound');
  },
  methods: {
    playSound() {
      if(this.isSoundEnabled) { 
        this.audio = new Audio(require('@/assets/sounds/zap.mp3'));
        this.audio.play();
      }
    },
  },
  computed: {
    isSoundEnabled() {
      return this.$store.state.isSoundEnabled;
    },
  }
}
</script>

İçerik Gösterme