yuheijotaki.com

WordPress + Nuxt.js でポートフォリオサイトを作る その9

WordPressサイト(http://works.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その9

f:id:jotaki:20190924093802p:plain

GitHub: https://github.com/yuheijotaki/works-nuxt
Netlify: https://works-yuheijotaki.netlify.com/

Pugで v-if

Pugで v-if を使う

<template lang="pug">
  div
    p(v-if="loading") loading
    p(v-else) loaded
</template>

<script>
import axios from "axios";
export default {
  data () {
    return {
      posts: [],
      loading: true
    }
  },
  mounted :function(){
    axios.get( 'https://works.yuheijotaki.com/wp-json/wp/v2/posts?per_page=100' )
    .then( response => {
      this.posts = response.data
      this.loading = false
    })
    .catch( error => {
      console.log(error)
    })
  }
}
</script>

SPのスタイルもだいたいできたので残り

  • トップ ロゴクリックでフィルター解除
  • マークアップ見直し
  • meta設定
  • コンテンツ調整
    • 古いworksはアーカイブつくる
  • ドメイン当てる?