Import readItem from plugin

directus · Jul 25, 2023 · bd13fea · bd13fea
1 parent 4eaacae
commit bd13fea
Show file tree

Hide file tree

Showing 15 changed files with 30 additions and 45 deletions.
diff --git a/components/Block/CardGroup.vue b/components/Block/CardGroup.vue
@@ -1,9 +1,8 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { BlockCardGroup } from '~/types/schema';
 import type { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
@@ -15,7 +14,7 @@ const variants: Record<BlockCardGroup['variant'], ReturnType<typeof resolveCompo
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_cardgroup', props.uuid, {
+		$readItem('block_cardgroup', props.uuid, {
 			fields: [
 				'variant',
 				{

diff --git a/components/Block/Columns.vue b/components/Block/Columns.vue
@@ -1,15 +1,14 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { ComponentType } from '../../types/schema';
 import type { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_columns', props.uuid, {
+		$readItem('block_columns', props.uuid, {
 			fields: [
 				{
 					col_one: ['id', 'collection', 'item'],

diff --git a/components/Block/FeatureGrid.vue b/components/Block/FeatureGrid.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_featuregrid', props.uuid, {
+		$readItem('block_featuregrid', props.uuid, {
 			fields: ['features'],
 		})
 	)

diff --git a/components/Block/HeroForm.vue b/components/Block/HeroForm.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_hero_form', props.uuid, {
+		$readItem('block_hero_form', props.uuid, {
 			fields: ['heading', 'subheading', 'form'],
 		})
 	)

diff --git a/components/Block/HeroHeadline.vue b/components/Block/HeroHeadline.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_hero_headline', props.uuid, {
+		$readItem('block_hero_headline', props.uuid, {
 			fields: ['heading', 'subheading', { button_group: [{ buttons: ['page', 'external_url', 'variant', 'label'] }] }],
 		})
 	)

diff --git a/components/Block/MediaFullWidth.vue b/components/Block/MediaFullWidth.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_media_fullwidth', props.uuid, {
+		$readItem('block_media_fullwidth', props.uuid, {
 			fields: ['type', 'embed', { video: ['url'], image: ['id', 'title'] }],
 		})
 	)

diff --git a/components/Block/PageHeader.vue b/components/Block/PageHeader.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import { BlockProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: comp } = useAsyncData(() =>
 	$directus.request(
-		readItem('block_pageheader', props.uuid, {
+		$readItem('block_pageheader', props.uuid, {
 			fields: [
 				'preheading',
 				'heading',

diff --git a/components/Block/Showcase.vue b/components/Block/Showcase.vue
@@ -1,19 +1,18 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import type { BlockProps } from './types';
 
 const timerLength = 5000;
 const selectedIdx = ref(0);
 const beenClicked = ref(false);
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<BlockProps>();
 
 const { data: block } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('block_showcase', props.uuid, {
+		$readItem('block_showcase', props.uuid, {
 			fields: [
 				{
 					items: ['heading', 'icon', 'subheading', { image: ['id', 'description'] }],

diff --git a/components/Comp/ButtonGroup.vue b/components/Comp/ButtonGroup.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { CompProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<CompProps>();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('comp_button_groups', props.uuid, {
+		$readItem('comp_button_groups', props.uuid, {
 			fields: [
 				{
 					buttons: ['id', 'external_url', 'page', 'variant', 'label'],

diff --git a/components/Comp/Heading.vue b/components/Comp/Heading.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { CompProps } from './types';
 
 const props = defineProps<CompProps>();
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('comp_heading', props.uuid, {
+		$readItem('comp_heading', props.uuid, {
 			fields: ['heading', 'preheading', 'subheading'],
 		})
 	)

diff --git a/components/Comp/Media.vue b/components/Comp/Media.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { CompProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<CompProps>();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('comp_media', props.uuid, {
+		$readItem('comp_media', props.uuid, {
 			fields: [
 				'type',
 				'embed',

diff --git a/components/Comp/Metrics.vue b/components/Comp/Metrics.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { CompProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<CompProps>();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('comp_metrics', props.uuid, {
+		$readItem('comp_metrics', props.uuid, {
 			fields: ['id', 'items'],
 		})
 	)

diff --git a/components/Comp/Quote.vue b/components/Comp/Quote.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
-import { readItem } from '@directus/sdk';
 import type { CompProps } from './types';
 
-const { $directus } = useNuxtApp();
+const { $directus, $readItem } = useNuxtApp();
 
 const props = defineProps<CompProps>();
 
 const { data: comp } = useAsyncData(props.uuid, () =>
 	$directus.request(
-		readItem('comp_quote', props.uuid, {
+		$readItem('comp_quote', props.uuid, {
 			fields: ['company_logo', 'person_image', 'person_name', 'person_title', 'quote'],
 		})
 	)

diff --git a/pages/[...permalink].vue b/pages/[...permalink].vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import { readItems } from '@directus/sdk';
-
-const { $directus } = useNuxtApp();
+const { $directus, $readItems } = useNuxtApp();
 const { path } = useRoute();
 
 const pageFilter = computed(() => {
@@ -13,7 +11,7 @@ const { data: page } = await useAsyncData(
 	path,
 	() => {
 		return $directus.request(
-			readItems('pages', {
+			$readItems('pages', {
 				filter: unref(pageFilter),
 				fields: [
 					'title',

diff --git a/plugins/directus.ts b/plugins/directus.ts
@@ -1,4 +1,4 @@
-import { createDirectus, rest, staticToken } from '@directus/sdk';
+import { createDirectus, readItem, readItems, rest, staticToken } from '@directus/sdk';
 import type { Schema } from '~/types/schema';
 
 export default defineNuxtPlugin(() => {
@@ -7,5 +7,5 @@ export default defineNuxtPlugin(() => {
 
 	const directus = createDirectus<Schema>(directusUrl).with(staticToken(directusToken)).with(rest());
 
-	return { provide: { directus } };
+	return { provide: { directus, readItem, readItems } };
 });