title: How can I use Custom Layout for Specific Pages of the Vuepress?
body: <p>I'm trying to use my own Custome Layout of the vuepress as following steps:</p>
  
  <ol>
  <li>Start from <a href="https://vuepress.vuejs.org/theme/default-theme-config.html#homepage" rel="nofollow noreferrer">Homepage style</a> in the VuePress Document, this is working well.</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/4V7PH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4V7PH.png" alt="enter image description here"></a></p>
  
  <ol start="2">
  <li>Make the <strong>T4V4Home.vue</strong> for special layout as coping from Home.vue on the theme/components folder which is ejected, and add a <code>&lt;h1&gt; This is T4V4Home !&lt;/h1&gt;</code> in these <code>&lt;template&gt;</code> for an indication as follows.</li>
  </ol>
  
  <pre><code>&lt;template&gt;
    &lt;main
      class="home"
      aria-labelledby="main-title"
    &gt;
  
      &lt;h1&gt; This is T4V4Home !&lt;/h1&gt;
  
      &lt;header class="hero"&gt;
  </code></pre>
  
  <ol start="3">
  <li>Add <strong>layout: T4V4Home</strong> as follow as the step of <a href="https://vuepress.vuejs.org/theme/default-theme-config.html#custom-layout-for-specific-pages" rel="nofollow noreferrer">Custom Layout for Specific Pages</a> in the VuePress Document, in the Readme.md, but <code>&lt;h1&gt; This is T4V4Home !&lt;/h1&gt;</code> <strong>doesn't appear</strong>, seems old "Home.vue" is <strong>still used</strong>.</li>
  </ol>
  
  <pre><code>---
  layout: T4V4Home
  home: true
  #heroImage: /ueda4googleplaystore.png
  heroText: Hero Title
  tagline: Hero subtitle
  actionText: Get Started →
  actionLink: /guide/
  features:
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/4V7PH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4V7PH.png" alt="enter image description here"></a> </p>
  
  <ol start="4">
  <li>So, remove <strong>home: true</strong> as follows, but the standard <strong>Page</strong> layout is used unexpectedly as follows.</li>
  </ol>
  
  <pre><code>---
  layout: T4V4Home
  #home: true
  #heroImage: /ueda4googleplaystore.png
  heroText: Hero Title
  tagline: Hero subtitle
  actionText: Get Started →
  actionLink: /guide/
  features:
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/aZNrG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aZNrG.png" alt="enter image description here"></a></p>
  
  <p>How can I activate and use my Custom Layout <strong>T4V4Home</strong>? Thank you for your suggestions!</p>