Merge pull request #3121 from vuestorefront/v2

chore: automatic sync v2->v2-develop

Author: github-actions[bot]

apps/docs/components/content/1.index.md

@@ -6,7 +6,7 @@ layout: fullscreen
 Fast, accessible, and fully customizable components built for e-commerce.
 ::
 
-::div{class="my-8 mb-16  flex gap-4 [&>a]:inline  not-prose"}
+::div{class="my-8 mb-16  flex gap-4 [&>a]:inline  not-prose flex-wrap"}
 :::docs-button{to="/getting-started/vue"}
 Install for Vue
 :::
@@ -16,8 +16,12 @@ Install for React
 :::docs-button{to="https://qwik-storefront-ui.pages.dev" class="dark:bg-[#AC7EF4] !bg-[#AC7EF4]"}
 Install for Qwik
 :::
+:::docs-button{to="/figma" class="dark:bg-neutral-600 !bg-neutral-500"}
+Open Figma file
+:::
 ::
 
+
 ## Base Components
 
 Beautiful, fast, and fully accessible components that integrate with Tailwind CSS to help you quickly build more complex structures.

apps/docs/components/nuxt.config.ts

@@ -4,6 +4,7 @@ export default defineNuxtConfig({
   extends: ['sf-docs-base'],
   app: {
     baseURL: process.env.VITE_DOCS_BASEPATH ?? '',
+
     head: {
       link: [
         {
@@ -13,6 +14,12 @@ export default defineNuxtConfig({
       ],
     },
   },
+  robots: {
+    enabled: false
+  },
+  sitemap: {
+    enabled: false
+  },
   // fix via https://github.com/nuxt/content/issues/2254
   alias: {
     'micromark/lib/preprocess.js': 'micromark',

apps/docs/components/package.json

@@ -16,7 +16,7 @@
     "@microsoft/api-documenter": "^7.13.30",
     "@microsoft/api-extractor": "7.18.1",
     "@types/node": "^20.12.7",
-    "nuxt": "^3.6.2",
+    "nuxt": "^3.9.0",
     "nuxt-gtag": "^0.5.7"
   },
   "dependencies": {
@@ -25,7 +25,8 @@
     "@nuxt/content": "^2.12.1",
     "@nuxtjs/algolia": "^1.8.0",
     "@nuxtjs/color-mode": "^3.2.0",
-    "@nuxtjs/tailwindcss": "^6.12.0",
+    "@nuxtjs/seo": "^2.0.0-rc.10",
+    "@nuxtjs/tailwindcss": "^6.7.0",
     "@storefront-ui/typography": "^2.6.0",
     "@storefront-ui/vue": "^2.6.2",
     "@tailwindcss/typography": "^0.5.9",
@@ -37,9 +38,10 @@
     "nuxt-gtag": "^0.5.7",
     "nuxt-icon": "^0.3.3",
     "nuxt-seo-kit": "^1.3.7",
-    "sf-docs-base": "1.2.2",
+    "sf-docs-base": "^1.2.4",
+    "unstorage": "^1.10.1",
     "vite-svg-loader": "^4.0.0",
-    "vue": "3.4.8"
+    "vue": "^3.4.23"
   },
   "resolutions": {
     "@storefront-ui/eslint-config": "workspace:*",

apps/docs/components/server/plugins/code-snippets.ts

@@ -1,11 +1,10 @@
-import { createResolver } from '@nuxt/kit';
+import { resolve, relative } from 'pathe';
 import * as fs from 'node:fs';
-import * as path from 'node:path';
 
 export default defineNitroPlugin((nitro: any) => {
   // will be configurable in the future
   const defaultPrefix = '<<<';
-  const resolver = createResolver(import.meta.url);
+
   nitro.hooks.hook('content:file:beforeParse', (file: any) => {
     if (file._id.endsWith('.md')) {
       const snippetMatch = file.body.match(new RegExp(`^${defaultPrefix}(?:\\s*)([^{\\s]+)`, 'gm'));
@@ -21,16 +20,8 @@ export default defineNitroPlugin((nitro: any) => {
         const normalizedSrc = filename.replace(/@/g, '.');
         const nameExt = normalizedSrc.split('.').pop().toLowerCase();
 
-        let filePath = resolver.resolve(normalizedSrc);
-        if (import.meta.env.NODE_ENV === 'prerender') {
-          filePath = path.join(path.dirname(import.meta.url), '..', '..', '..', '..', filePath).replace('file:/', '/');
-          if (!fs.existsSync(filePath)) {
-            filePath = path
-              .join(path.dirname(import.meta.url), '..', '..', '..', '..', '..', resolver.resolve(normalizedSrc))
-              .replace('file:/', '/');
-          }
-        }
-
+        let filePath = resolve(resolve(),  normalizedSrc.replace('../../../../', '../../'))
+       
         const isAFile = fs.existsSync(filePath);
         const escapedSnippet = snippet.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');