text: var themeData = [
    {
      name: 'Creative Tim',
  
      description: `[Creative Tim](https://creative-tim.com?affiliate_id=116187) のパートナーによって作られた以下の例を見ると、実世界のアプリケーションがどのように構築されるのか、その背後にある技術スタック、ここまで学んだ主要なコンセプトが実世界のアプリケーションにどう適用されるのか、を知ることができます。`,
      seeMoreUrl: 'https://www.creative-tim.com/bootstrap-themes/vuejs-themes?affiliate_id=116187',
      products: [
        {
          name: 'Vue Argon Design System',
          price: 0,
          description: 'Free Vue.js Design System',
          url: 'https://www.creative-tim.com/product/vue-argon-design-system?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-argon-design-system/vue-argon-design-system.jpg'
        },
        {
          name: 'Vue Black Dashboard Pro',
          price: 59,
          description: 'Premium Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-black-dashboard-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg'
        },
        {
          name: 'Vue Paper Dashboard 2 Pro',
          price: 59,
          description: 'Premium Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-paper-dashboard-2-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg'
        },
        {
          name: 'Vue Material Kit',
          price: 0,
          description: 'Free Vue.js UI Kit',
          url: 'https://www.creative-tim.com/product/vue-material-kit?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit/vue-material-kit.jpg'
        },
        {
          name: 'Vue Black Dashboard',
          price: 0,
          description: 'Free Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-black-dashboard?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard/vue-black-dashboard.jpg'
        },
        {
          name: 'Vue Now UI Kit Pro',
          price: 79,
          description: 'Premium Vue.js UI Kit',
          url: 'https://www.creative-tim.com/product/vue-now-ui-kit-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit-pro/vue-now-ui-kit-pro.jpg'
        },
        {
          name: 'Vue Now UI Dashboard Pro',
          price: 59,
          description: 'Premium Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-now-ui-dashboard-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-dashboard-pro/vue-now-ui-dashboard-pro.jpg'
        },
        {
          name: 'Vue Now UI Kit',
          price: 0,
          description: 'Free Vue.js UI Kit',
          url: 'https://www.creative-tim.com/product/vue-now-ui-kit?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit/vue-now-ui-kit.jpg'
        },
        {
          name: 'Vue Light Bootstrap Dashboard Pro',
          price: 49,
          description: 'Premium Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-light-bootstrap-dashboard-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard-pro/vue-light-bootstrap-dashboard-pro.jpg'
        },
        {
          name: 'Vue Material Dashboard Pro',
          price: 59,
          description: 'Premium Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-material-dashboard-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-dashboard-pro/vue-material-dashboard-pro.jpg'
        },
        {
          name: 'Vue Material Kit Pro',
          price: 89,
          description: 'Premium Vue.js UI Kit',
          url: 'https://www.creative-tim.com/product/vue-material-kit-pro?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit-pro/vue-material-kit-pro.jpg'
        },
        {
          name: 'Vue Light Bootstrap Dashboard',
          price: 0,
          description: 'Free Vue.js Admin Template',
          url: 'https://www.creative-tim.com/product/vue-light-bootstrap-dashboard?affiliate_id=116187',
          image: 'https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard/vue-light-bootstrap-dashboard.jpg'
        }
      ]
    },
    {
      name: "MDBootstrap",
      description: `Check out the themes, UI Kits and plugins below built by our partners from [MDBootstrap](https://mdbootstrap.com/?utm_ref_id=82665). Learn how to use Vue in professional projects along such technologies as Bootstrap. Templates & ready components make your development faster and more efficient.`,
      seeMoreUrl: "https://mdbootstrap.com/docs/vue?utm_ref_id=82665",
      products: [
        {
          url: "https://mdbootstrap.com/products/vue-ui-kit?utm_ref_id=82665",
          name: "Vue Material Bootstrap Pro",
          description: "Premium Vue.js UI Kit",
          image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg",
          price: 99
        },
        {
          url: "https://mdbootstrap.com/docs/vue?utm_ref_id=82665",
          name: "Vue Material Bootstrap Kit",
          description: "Free Vue.js UI Kit",
          image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/ui-kit.jpg",
          price: 0
        },
        {
          url: "https://mdbootstrap.com/products/vue-admin-dashboard?utm_ref_id=82665",
          name: " Vue Admin Bootstrap Pro",
          description: "Premium Vue.js Templates Pack",
          image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg",
          price: 79
        },
        {
          url: "https://mdbootstrap.com/freebies/vue/admin-dashboard?utm_ref_id=82665",
          name: "Vue Admin Bootstrap",
          description: "Free Vue.js Templates Pack",
          image: "https://mdbootstrap.com/img/Marketing/mdb-press-pack/vuejs/admin-pack.jpg",
          price: 0
        }
      ]
    },
    {
      name: 'PrimeVue',
      description: `The open-source UI component library [PrimeVue](https://www.primefaces.org/primevue/#/?af_id=4218) offers over 50 flexible components to build your apps with! They have a ton of different component themes and Vue-CLI application templates available to get the look&feel that suits you best.`,
      seeMoreUrl: 'https://www.primefaces.org/primevue/#/?af_id=4218',
      products: [
        {
          name: 'Sapphire',
          price: 79,
          description: 'Material Design Admin Template',
          url: 'https://www.primefaces.org/layouts/sapphire-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/sapphire.jpg'
        },
        {
          name: 'Avalon',
          price: 79,
          description: 'Bootstrap Inspired Admin Template',
          url: 'https://www.primefaces.org/layouts/avalon-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/avalon.jpg'
        },
        {
          name: 'Serenity',
          price: 79,
          description: 'Material Design Admin Template',
          url: 'https://www.primefaces.org/layouts/serenity-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/serenity.jpg'
        },
        {
          name: 'Apollo',
          price: 79,
          description: 'Admin Template with a Dark Mode',
          url: 'https://www.primefaces.org/layouts/apollo-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/apollo.jpg'
        },
        {
          name: 'Babylon',
          price: 79,
          description: 'Admin Template with Extensive Options',
          url: 'https://www.primefaces.org/layouts/babylon-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/babylon.jpg'
        },
        {
          name: 'Roma',
          price: 59,
          description: 'Admin Template with a Clean Design System',
          url: 'https://www.primefaces.org/layouts/roma-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/roma.jpg'
        },
        {
          name: 'Ultima',
          price: 79,
          description: 'Material Design Admin Template',
          url: 'https://www.primefaces.org/layouts/ultima-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/ultima.jpg'
        },
        {
          name: 'Prestige',
          price: 59,
          description: 'Highly Customizable Admin Template',
          url: 'https://www.primefaces.org/layouts/prestige-vue?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/prestige.jpg'
        },
        {
          name: 'Sigma',
          price: 0,
          description: 'Free Admin Template',
          url: 'https://www.primefaces.org/sigma-vue/#/?af_id=4218',
          image: 'https://www.primefaces.org/vue-templates/sigma.jpg'
        }
      ]
    }
    
  ]
  