docs: migrate to nuxt

.github/workflows/ci.yml

@@ -100,6 +100,9 @@ jobs:
         run: yarn --immutable
       - name: Run build
         run: yarn build:docs
+        env:
+          DOCS_EXAMPLES_VUE_PATH: 'https://docs.storefrontui.io/v2-vue'
+          DOCS_EXAMPLES_REACT_PATH: 'https://docs.storefrontui.io/v2-react'
 
   build-release:
     name: Build packages for release
@@ -319,6 +322,6 @@ jobs:
         env:
           GITHUB_PUSH_BEFORE_SHA: ${{ github.event.before }}
           GITHUB_PUSH_BASE_SHA: ${{ github.event.base }}
-          GITHUB_PULL_BASE_SHA:  ${{ github.event.pull_request.base.sha }}
+          GITHUB_PULL_BASE_SHA: ${{ github.event.pull_request.base.sha }}
           GITHUB_DEFAULT_BRANCH: ${{ github.event.repository.default_branch }}
           GITGUARDIAN_API_KEY: ${{ secrets.GITGUARDIAN_API_KEY }}

.gitignore

@@ -34,6 +34,7 @@ yarn-error.log*
 .env.development.local
 .env.test.local
 .env.production.local
+.env
 
 # turbo and others
 .turbo

.vuestorefrontcloud/docs/Dockerfile

@@ -1,12 +1,7 @@
-FROM node:16-alpine AS build
+FROM node:16 AS build
 
 WORKDIR /var/www
 
-RUN apk add --no-cache yarn
-# needed because of turbo issue
-# see: https://github.com/vercel/turbo/issues/2309#issuecomment-1288660455
-RUN apk add --no-cache libc6-compat
-
 ARG VITE_DOCS_BASEPATH
 ARG VITE_DOCS_EXAMPLES_REACT_PATH
 ARG VITE_DOCS_EXAMPLES_VUE_PATH
@@ -20,10 +15,10 @@ ENV ENVIRONMENT=$ENVIRONMENT
 COPY . .
 RUN yarn
 RUN ENV_NAME=$ENVIRONMENT yarn build:replace-assets-url-with
-RUN yarn build:peer-next
+RUN yarn build:vue
 RUN yarn build:docs
 
-FROM nginx
-COPY --from=build /var/www/apps/docs/components/.vuepress/dist /usr/share/nginx/html/v2
-COPY .vuestorefrontcloud/docs/default.conf /etc/nginx/conf.d/default.conf
+WORKDIR /var/www/apps/docs/components
+
+CMD ["yarn", "serve"]
 

_templates/component/new/docs_readme.ejs.t

@@ -35,9 +35,9 @@ hideBreadcrumbs: true
 
 ## Source code
 
-<!-- vue -->
+::vue-only
 <<<../../../packages/sfui/frameworks/vue/components/<%= name %>/<%= name %>.vue
-<!-- end vue -->
-<!-- react -->
+::
+::react-only
 <<<../../../packages/sfui/frameworks/react/components/<%= name %>/<%= name %>.tsx
-<!-- end react -->
+::

apps/docs/components/.env.example

@@ -1,3 +1,2 @@
-VITE_DOCS_BASEPATH=/v2/
-VITE_DOCS_EXAMPLES_REACT_PATH=http://localhost:3002
-VITE_DOCS_EXAMPLES_VUE_PATH=http://localhost:3001
+DOCS_EXAMPLES_VUE_PATH=http://localhost:3001
+DOCS_EXAMPLES_REACT_PATH=http://localhost:3002