jorauch
commented
5 years ago Maybe the following example can help you.
<template>
<div class="demo-page">
<v-header title="Demo List"></v-header>
<h1 class="style-0">Demo List</h1>
<ul>
<li v-for="item in items">
{{ item.name }}
</li>
</ul>
</div>
</template>
<script>
export default {
name: "demo-page",
data: () => ({
items: [],
}),
created() {
this.$api.getItems('****collectionName*****').then(items => this.items = items.data)
}
};
</script>
<style lang="scss" scoped>
.demo-page {
padding: var(--page-padding);
h1 {
margin-bottom: 20px;
}
}
</style>
benhaynes
dsingaravelan
danielantunesfernandes
siryan2
I want to create a custom extensions using latest version of directus.
I went through the below link, it seems to be a solution for version 6.4. https://medium.com/directus/how-to-setup-a-custom-extension-770d6ea48551
The final output of my custom extension should look like this image link given below https://cdn-images-1.medium.com/max/1200/1*Z3p42h2DcIS0IiC5nh9jTQ.png
Kindly some one give me a solution to create a custom extension. OR please provide steps to create a custom extension