GPT J Vue Code example (this code was generated)

gpt-j-vue-code-example-this-code-was-generated.markdown

GPT J Vue Code example (this code was generated)

A Pen by OpenCo on CodePen.

License.

index.html

<!-- Vue template for FAQ page -->
<section>
  <div id="app" class="container">
    <h1 class="content">{{
      title
      }}</h1>
    <p class="description">{{
      description
      }}</p>
    <div class="clearfix"></div>
    <ul class="faq">
      <li v-for="(question, index) in questions" :key="index">
        <p class="question">
          {{
          question.title
          }}
        </p>
        <p class="answer">{{
          question.answer
          }}</p>
      </li>
    </ul>
    <div class="clearfix"></div>
  </div>
</section>

script.js

var app = new Vue( {
    el: "#app",
    data: {
        title: 'How can I add content to my FAQ?',
        description: 'Ask your question here...',
        questions: [
          { title: 'What is a sitemap?', answer: 'A sitemap is a directory of links that enables a search engine to index the pages on your website.' },
          { title: 'What is an RSS feed?', answer: 'RSS (Really Simple Syndication) is a way of publishing articles on a website.' },
          { title: 'What is a website template?', answer: 'A website template is a ready-made design for building a website. These can be downloaded from a 3rd party website.' },
          { title: 'What is a plugin?', answer: 'A plugin is a piece of software that can be added to your WordPress website to add extra functionality or'}
          ]
      
    }
  })

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>

styles

<link href="https://cdn.jsdelivr.net/npm/@exampledev/new.css@1.1.2/new.min.css" rel="stylesheet" />