|
@@ -1,8 +1,11 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- Top Section // "Sections" Card -->
|
|
|
<v-card max-width="600px" class="rounded-lg">
|
|
<v-card max-width="600px" class="rounded-lg">
|
|
|
<v-card-title style="padding-bottom: 0;">Sections</v-card-title>
|
|
<v-card-title style="padding-bottom: 0;">Sections</v-card-title>
|
|
|
<v-list>
|
|
<v-list>
|
|
|
|
|
+ <!-- Dynamically Generate Links From Below -->
|
|
|
<v-list-item v-for="(item, i) in links" :key="i" router :to=item.to>
|
|
<v-list-item v-for="(item, i) in links" :key="i" router :to=item.to>
|
|
|
<v-list-item-icon>
|
|
<v-list-item-icon>
|
|
|
<v-icon v-text="item.icon" />
|
|
<v-icon v-text="item.icon" />
|
|
@@ -14,6 +17,7 @@
|
|
|
</v-list>
|
|
</v-list>
|
|
|
</v-card>
|
|
</v-card>
|
|
|
|
|
|
|
|
|
|
+ <!-- Child Pages // Card -->
|
|
|
<v-card max-width="600px" class="rounded-lg" style="margin: 1em; padding: 0.75em; text-align: left;">
|
|
<v-card max-width="600px" class="rounded-lg" style="margin: 1em; padding: 0.75em; text-align: left;">
|
|
|
<NuxtChild />
|
|
<NuxtChild />
|
|
|
</v-card>
|
|
</v-card>
|
|
@@ -26,6 +30,7 @@
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ //--- Links To Generate Above ---//
|
|
|
links: [{
|
|
links: [{
|
|
|
text: 'API Usage Rights',
|
|
text: 'API Usage Rights',
|
|
|
icon: 'mdi-book-open-variant',
|
|
icon: 'mdi-book-open-variant',
|
Front