@studio-fes/layer-strapi 0.2.16 → 0.2.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @studio-fes/layer-strapi
 
+## 0.2.18
+
+### Patch Changes
+
+- update dependencies, server folder and media components to edit props
+
+## 0.2.17
+
+### Patch Changes
+
+- fix empty object toReactive
+
 ## 0.2.16
 
 ### Patch Changes

package/app/components/StrapiImage.vue

@@ -7,10 +7,13 @@ export interface StrapiImageProps extends NuxtImgProps {
 }
 
 const props = defineProps<StrapiImageProps>()
-const imageProps = computed(() => ({
-  ...reactiveOmit(props, 'image'),
-  ...parseStrapiImage(props.image),
-}))
+const imageProps = computed(() => {
+  const fromStrapi = parseStrapiImage(props.image)
+  const fromProps = Object.fromEntries(
+    Object.entries(reactiveOmit(props, 'image')).filter(([, v]) => v !== undefined),
+  )
+  return { ...fromStrapi, ...fromProps }
+})
 </script>
 
 <template>

package/app/components/StrapiMedia.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { StrapiImageProps } from '@studio-fes/layer-strapi/app/components/StrapiImage.vue'
-import type { StrapiVideoProps } from '~/components/StrapiVideo.vue'
+import type { StrapiVideoProps } from '@studio-fes/layer-strapi/app/components/StrapiVideo.vue'
 import type { StrapiFileFragment } from '~/types/graphql-operations'
 
 const props = defineProps<{

package/app/components/StrapiVideo.vue

@@ -8,11 +8,14 @@ export interface StrapiVideoProps extends VideoProps {
 }
 
 const props = defineProps<StrapiVideoProps>()
+const videoProps = computed(() => {
+  const fromStrapi = parseStrapiVideo(props.video)
+  const fromProps = Object.fromEntries(
+    Object.entries(reactiveOmit(props, 'video')).filter(([, v]) => v !== undefined),
+  )
 
-const videoProps = computed(() => ({
-  ...reactiveOmit(props, 'video'),
-  ...parseStrapiVideo(props.video),
-}))
+  return { ...fromStrapi, ...fromProps }
+})
 </script>
 
 <template>

package/app/utils/parse-strapi-image.ts

@@ -1,4 +1,3 @@
-// import type { StrapiFileFragment } from '#graphql-operations'
 import type { NuxtImgProps } from '@studio-fes/layer-base/app/components/Image.vue'
 import type { StrapiFileFragment } from '~/types/graphql-operations'
 

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@studio-fes/layer-strapi",
   "type": "module",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "main": "./nuxt.config.ts",
   "dependencies": {
     "@nuxt/eslint": "latest",
-    "nuxt-graphql-middleware": "^5.3.2",
+    "nuxt-graphql-middleware": "^5.4.0",
     "nuxt-multi-cache": "^4.0.3",
     "vue-strapi-blocks-renderer": "1.1.1"
   },
   "devDependencies": {
-    "@types/node": "^25.5.0",
-    "eslint": "^10.0.3",
+    "@types/node": "^25.6.0",
+    "eslint": "^10.2.1",
     "nuxt": "^4.4.2",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.3",
     "vue": "latest",
-    "@studio-fes/layer-base": "0.2.16"
+    "@studio-fes/layer-base": "0.2.18"
   },
   "description": "Create Nuxt extendable layer with this GitHub template.",
   "repository": {

package/server/graphqlMiddleware.serverOptions.ts

@@ -1,32 +0,0 @@
-import type { FetchResponse } from 'ofetch'
-import { defineGraphqlServerOptions } from 'nuxt-graphql-middleware/server-options'
-
-export default defineGraphqlServerOptions({
-  async doGraphqlRequest(context) {
-    const { operationName, variables, operationDocument } = context
-
-    const config = useRuntimeConfig()
-
-    function doRequest(): Promise<FetchResponse<{ data: any, errors: any[] }>> {
-      return $fetch.raw(config.graphqlMiddleware.graphqlEndpoint, {
-        method: 'POST',
-        ignoreResponseError: true,
-        body: {
-          query: operationDocument,
-          variables,
-          operationName,
-        }
-      })
-    }
-
-    const res = await doRequest()
-
-    return {
-      data: res._data?.data,
-      errors: res._data?.errors?.map(e => ({
-        ...e,
-        path: Array.isArray(e.path) ? e.path : [],
-      })) || [],
-    }
-  },
-})

package/server/multiCache.serverOptions.ts

@@ -1,22 +0,0 @@
-/// <reference types="vite/client" />
-
-import { defineMultiCacheOptions } from 'nuxt-multi-cache/server-options'
-import fsDriver from 'unstorage/drivers/fs'
-import nullDriver from 'unstorage/drivers/null'
-
-export default defineMultiCacheOptions(() => {
-  const config = useRuntimeConfig()
-  const { multiCacheEnabled } = config
-
-  const driver = multiCacheEnabled
-    ? fsDriver({ base: '.nuxt-multi-cache' })
-    : nullDriver()
-
-  return {
-    data: {
-      storage: {
-        driver,
-      },
-    },
-  }
-})