C# Online Compiler | .NET Fiddle

<no name> by Anonymous

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using Newtonsoft.Json;

namespace HelloWorldMvcApp
{
	public class Faq
	{
		public string Q { get; set; }

		//See here for list of answers
		public string A { get; set; }
		
		public static string All()
		{
			List<Faq> faqs = new List<Faq>();
			faqs.Add(new Faq{Q="Q1", A="A1"});
			faqs.Add(new Faq{Q="Q2", A="A2"});
			var json = JsonConvert.SerializeObject(faqs);
			return json;
		}
	}
}

Model

​x
 
using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using Newtonsoft.Json;
​
namespace HelloWorldMvcApp
{
    public class Faq
    {
        public string Q { get; set; }
​
        //See here for list of answers
        public string A { get; set; }
        
        public static string All()
        {
            List<Faq> faqs = new List<Faq>();
            faqs.Add(new Faq{Q="Q1", A="A1"});
            faqs.Add(new Faq{Q="Q2", A="A2"});
            var json = JsonConvert.SerializeObject(faqs);
            return json;
        }
    }
}

@{
	Layout = null;
}

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
  	<link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">

    <title>Hello, world!</title>
  </head>
  <body>
	
	<main id="app">
	
		<!-- begin placeholder content -->
	
		<!-- begin sitecore componenet -->
		@model string
		
		<pre class="bg-light p-3">@Html.Raw(Model)</pre>

		<template>
		  <v-expansion-panel>
			<v-expansion-panel-content
			  v-for="(item,i) in @Model"
			  :key="i"
			>
			  <div slot="header">{{ item.Q }}</div>
			  <v-card>
				<v-card-text>{{ item.A }}</v-card-text>
			  </v-card>
			</v-expansion-panel-content>
		  </v-expansion-panel>
		</template>
		
		<!-- end sitecore componenet -->
		
		<!-- end placeholder content -->
	
	</main>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	
	<script src="https://unpkg.com/vue@2.6.6/dist/vue.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
	
	<script>
	new Vue({
		el: '#app'
	});
	</script>

  </body>
</html>

View

 
@{
    Layout = null;
}
​
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
​
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.min.css" rel="stylesheet">
​
    <title>Hello, world!</title>
  </head>
  <body>
    
    <main id="app">
    
        <!-- begin placeholder content -->
    
        <!-- begin sitecore componenet -->
        @model string
        
        <pre class="bg-light p-3">@Html.Raw(Model)</pre>
​
        <template>
          <v-expansion-panel>
            <v-expansion-panel-content
              v-for="(item,i) in @Model"
              :key="i"
            >
              <div slot="header">{{ item.Q }}</div>
              <v-card>
                <v-card-text>{{ item.A }}</v-card-text>
              </v-card>
            </v-expansion-panel-content>
          </v-expansion-panel>
        </template>
        
        <!-- end sitecore componenet -->
        
        <!-- end placeholder content -->
    
    </main>
​
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    
    <script src="https://unpkg.com/vue@2.6.6/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>
    
    <script>
    new Vue({
        el: '#app'
    });
    </script>
​
  </body>
</html>

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			var model = Faq.All();
			return View((object)model);
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var model = Faq.All();
            return View((object)model);
        }
    }
}

View in Full Screen

Cached Result
Last Run:	11:29:04 am
Compile:	0.268s
Execute:	0s
Memory:	48kb
CPU:	0.047s

View IL Code