@studio-fes/create-fes-app 0.4.10 → 0.4.11

package/dist/templates/craft/.vscode/extensions.json

@@ -2,6 +2,5 @@
   "recommendations": [
     "vue.volar",
     "dbaeumer.vscode-eslint",
-    "csstools.postcss"
   ]
 }

package/dist/templates/craft/.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "files.associations": {
-    "*.css": "postcss"
+    "*.css": "css"
   },
   // Disable the default formatter, use eslint instead
   "prettier.enable": false,

package/dist/templates/craft/app/components/CraftSvg.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { CraftImageProps } from '@studio-fes/layer-craft/app/components/CraftImage.vue'
+import type { CraftVideoProps } from '@studio-fes/layer-craft/app/components/CraftVideo.vue'
+import type { MediaFragment } from '#graphql-operations'
+
+interface CraftSvgProps {
+  media: MediaFragment | null | undefined
+  imgProps?: CraftImageProps
+  videoProps?: CraftVideoProps
+}
+
+const props = defineProps<CraftSvgProps>()
+const isSvg = computed(() => props.media && props.media?.format === 'svg')
+</script>
+
+<template>
+  <RemoteSvg v-if="media && isSvg" :src="media.url" />
+  <CraftMedia v-else-if="media" :media />
+</template>

package/dist/templates/craft/app/layouts/default.vue

@@ -0,0 +1,8 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <div>
+    <slot />
+  </div>
+</template>

package/dist/templates/craft/nuxt.config.ts

@@ -5,6 +5,18 @@ export default defineNuxtConfig({
     '@studio-fes/layer-craft',
   ],
 
+  modules: [
+    '@studio-fes/nuxt-remote-svg',
+  ],
+
+  vite: {
+    optimizeDeps: {
+      include: [
+        '@studio-fes/nuxt-remote-svg',
+      ],
+    },
+  },
+
   eslint: {
     config: {
       standalone: false,

package/dist/templates/craft/package.json

@@ -10,9 +10,10 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@studio-fes/layer-base": "^0.4.10",
-    "@studio-fes/layer-craft": "^0.4.10",
-    "nuxt": "^4.5.2",
+    "@studio-fes/layer-base": "^0.4.11",
+    "@studio-fes/layer-craft": "^0.4.11",
+    "@studio-fes/nuxt-remote-svg": "0.1.9",
+    "nuxt": "^4.6.0",
     "vue": "^3.5.43",
     "vue-router": "^5.3.1"
   },
@@ -20,9 +21,9 @@
     "@antfu/eslint-config": "^9.5.1",
     "@graphql-eslint/eslint-plugin": "^4.4.1",
     "@unocss/eslint-config": "^66.10.5",
-    "eslint": "^10.10.0",
+    "eslint": "^10.12.0",
     "eslint-plugin-format": "^2.0.1",
     "eslint-plugin-slop": "^0.1.3",
-    "eslint-plugin-sonarjs": "^4.2.1"
+    "eslint-plugin-sonarjs": "^4.2.2"
   }
 }

package/dist/templates/craft/uno.config.ts

@@ -1,3 +1,4 @@
+import type { PresetWind4Theme } from 'unocss'
 import { defineConfig, presetWind4, transformerDirectives } from 'unocss'
 
 export default defineConfig({
@@ -12,4 +13,56 @@ export default defineConfig({
   transformers: [
     transformerDirectives(),
   ],
+
+  blocklist: [
+    'container',
+  ],
+  extendTheme: (theme: PresetWind4Theme) => {
+    return {
+      ...theme,
+      breakpoint: {
+        ...theme.breakpoint,
+        '3xl': '1680px',
+        '4xl': '1920px',
+        '5xl': '2560px',
+      },
+    }
+  },
+  shortcuts: {
+    'capsize': '[text-box-edge:cap_alphabetic] [text-box-trim:trim-both]',
+
+    // Transition utils
+    'motion-base':
+      'transition-opacity,transform,colors duration-500 ease-custom-circ will-change-transform',
+    'motion-snug':
+      'transition-opacity,transform,colors duration-300 ease-custom-circ will-change-transform',
+    'motion-natural':
+      'transition-opacity,transform,colors duration-700 ease-custom-circ will-change-transform',
+    'motion-relaxed':
+      'transition-opacity,transform,colors duration-1000 ease-custom-circ will-change-transform',
+
+    // Layout utils
+    'lay-v': 'grid grid-flow-row [grid-auto-columns:minmax(0,1fr)] [grid-template-rows:minmax(0,auto)]',
+    'lay-h': 'grid grid-flow-col [grid-auto-columns:minmax(0,1fr)] [grid-template-rows:minmax(0,auto)]',
+    'lay-fluid': 'grid grid-flow-row auto-rows-fr [grid-auto-columns:minmax(0,1fr)]',
+    'lay-o': 'grid [&>*]:[grid-area:1/1]',
+
+    // Typography
+    'typo-sans-1': 'capsize font-sans font-medium text-3 leading-3.5 lg:text-3.5 lg:leading-3.75 tracking-0.01em', // legal / fine print
+  },
+
+  theme: {
+    colors: {
+
+    },
+    ease: {
+      'custom-expo': 'cubic-bezier(0.19, 1, 0.22, 1)',
+      'custom-power': 'cubic-bezier(0.76, 0, 0.24, 1)',
+      'custom-expo2': 'cubic-bezier(0.83, 0, 0.17, 1)',
+      'custom-circ': 'cubic-bezier(0.25, 1, 0.5, 1)',
+    },
+    font: {
+      sans: '"Inter", Arial, sans-serif',
+    },
+  },
 })

package/dist/templates/strapi/package.json

@@ -10,9 +10,9 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
-    "@studio-fes/layer-base": "^0.4.10",
-    "@studio-fes/layer-strapi": "^0.4.10",
-    "nuxt": "^4.5.2",
+    "@studio-fes/layer-base": "^0.4.11",
+    "@studio-fes/layer-strapi": "^0.4.11",
+    "nuxt": "^4.6.0",
     "vue": "^3.5.43",
     "vue-router": "^5.3.1"
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@studio-fes/create-fes-app",
   "type": "module",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "description": "Interactive wizard to scaffold a new project from the studio fes Nuxt layers starters (Craft CMS, Strapi).",
   "bin": {
     "create-fes-app": "bin/create-fes-app.mjs"