Mardown 功能測試

Code

// ts
interface SubjectData {
  name: string;
  articleList: string[];
  amount: number;
}

// html
<template>
  <span class="tag">{{ tagName }}</span>
</template>

// scss
.app {
  @apply flex flex-col justify-between min-h-screen text-light-text dark:text-dark-text dark:bg-dark-bg;

  transition: background-color 0.5s ease-in-out;
}

// js
const foo = function (bar) {
  return bar++;
};

console.log(foo(1));

// vue
<template>
  <div>
    <ul>
      <li
        v-for="star in maxStars"
        :key="star"
        class="star"
        :class="{
          active: star <= initGrade
        }"
      />
    </ul>
    <div class="summary">{{ initGrade }} of {{ maxStars }}</div>
  </div>
</template>

<script>
export default {
  props: {
    maxStars: {
      type: Number,
      default: 0
    },
    initGrade: {
      type: Number,
      default: 0
    }
  }
};
</script>

<style lang="scss" scoped>
div {
  @apply bg-yellow-100;
}
</style>

// jsx
function Example() {
  // Declare a new state variable, which we'll call "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}