chore(at-419): release 0.2.0 migration guide updates #698 (#7417)

* fix: redundant comma in package.json example

* feat: add lint:fix command to nextjs turbo json snippet

* feat: simplify yarn store add

* feat: point to nuxtconfig instead of tsconfig when defining ts aliases

* refactor: mention alokai config is in the root

* chore: remove wrong storefront-unified-middleware dir from project tree

* feat: mention creating tailwind-config src directory

* chore: explicitly mention replacing content of config files

* chore: mention server const to be updated more explicityl

* chore: improve server const formatting

Author: lsliwaradioluz

docs/content/guides/7.multistore/3.migration-guide.md

@@ -19,13 +19,13 @@ Before we begin, here's what your project structure will look like after complet
 ```ascii
 apps/
 ├── playwright/
+├── storefront-middleware/
 ├── storefront-unified-nextjs/
-├── storefront-unified-middleware/
 └── stores/
     ├── default/
     │   └── playwright/
-    │   └── storefront-unified-nextjs/
     │   └── storefront-middleware/
+    │   └── storefront-unified-nextjs/
 packages/
   eslint-config/
   lint-staged-config/
@@ -37,13 +37,13 @@ packages/
 ```ascii
 apps/
 ├── playwright/
+├── storefront-middleware/
 ├── storefront-unified-nuxt/
-├── storefront-unified-middleware/
 └── stores/
     ├── default/
     │   └── playwright/
-    │   └── storefront-unified-nuxt/
     │   └── storefront-middleware/
+    │   └── storefront-unified-nuxt/
 packages/
   eslint-config/
   lint-staged-config/
@@ -531,6 +531,12 @@ Create `packages/tailwind-config/tsconfig.json`:
 }
 ```
 
+Create `packages/tailwind-config/src` directory:
+
+```bash
+mkdir -p packages/tailwind-config/src
+```
+
 ::tabs{:titles='["Next.js", "Nuxt"]'}
 
 #tab-1
@@ -701,7 +707,7 @@ Create `packages/tailwind-config/package.json`:
         "types": "./dist/nuxt.d.cts"
       },
       "types": "./dist/nuxt.d.ts"
-    },
+    }
   },
   "scripts": {
     "build": "unbuild",
@@ -738,22 +744,22 @@ mv apps/storefront-unified-nextjs/.prettierrc apps/storefront-unified-nextjs/.pr
 
 Then update the configuration files:
 
-Update `apps/storefront-unified-nextjs/eslint.config.mjs`:
+Replace the content of `apps/storefront-unified-nextjs/eslint.config.mjs` with:
 ```js
 export { default } from 'eslint-config/nextjs';
 ```
 
-Update `apps/storefront-unified-nextjs/.prettierrc.mjs`:
+Replace the content of `apps/storefront-unified-nextjs/.prettierrc.mjs` with:
 ```js
 export { default } from 'prettier-config/nextjs';
 ```
 
-Update `apps/storefront-unified-nextjs/lint-staged.config.mjs`:
+Replace the content of `apps/storefront-unified-nextjs/lint-staged.config.mjs` with:
 ```js
 export { default } from 'lint-staged-config/nextjs';
 ```
 
-Update `apps/storefront-unified-nextjs/tailwind.config.ts`:
+Replace the content of `apps/storefront-unified-nextjs/tailwind.config.ts` with:
 ```ts
 import tailwindConfig from 'tailwind-config/nextjs';
 import type { Config } from 'tailwindcss';
@@ -781,22 +787,22 @@ mv apps/storefront-unified-nuxt/.prettierrc apps/storefront-unified-nuxt/.pretti
 
 Then update the configuration files:
 
-Update `apps/storefront-unified-nuxt/eslint.config.mjs`:
+Replace the content of `apps/storefront-unified-nuxt/eslint.config.mjs` with:
 ```js
 export { default } from 'eslint-config/nuxt';
 ```
 
-Update `apps/storefront-unified-nuxt/.prettierrc.mjs`:
+Replace the content of `apps/storefront-unified-nuxt/.prettierrc.mjs` with:
 ```js
 export { default } from 'prettier-config/nuxt';
 ```
 
-Update `apps/storefront-unified-nuxt/lint-staged.config.mjs`:
+Replace the content of `apps/storefront-unified-nuxt/lint-staged.config.mjs` with:
 ```js
 export { default } from 'lint-staged-config/nuxt';
 ```
 
-Update `apps/storefront-unified-nuxt/tailwind.config.ts`:
+Replace the content of `apps/storefront-unified-nuxt/tailwind.config.ts` with:
 ```ts
 import tailwindConfig from 'tailwind-config/nuxt';
 import type { Config } from 'tailwindcss';
@@ -813,32 +819,32 @@ export default {
 ```
 ::
 
-Update `apps/playwright/eslint.config.mjs`:
+Replace the content of `apps/playwright/eslint.config.mjs` with:
 ```js
 export { default } from 'eslint-config/playwright';
 ```
 
-Update `apps/playwright/.prettierrc.mjs`:
+Replace the content of `apps/playwright/.prettierrc.mjs` with:
 ```js
 export { default } from 'prettier-config/playwright';
 ```
 
-Update `apps/playwright/lint-staged.config.mjs`:
+Replace the content of `apps/playwright/lint-staged.config.mjs` with:
 ```js
 export { default } from 'lint-staged-config/playwright';
 ```
 
-Update `apps/storefront-middleware/eslint.config.mjs`:
+Replace the content of `apps/storefront-middleware/eslint.config.mjs` with:
 ```js
 export { default } from 'eslint-config/middleware';
 ```
 
-Update `apps/storefront-middleware/.prettierrc.mjs`:
+Replace the content of `apps/storefront-middleware/.prettierrc.mjs` with:
 ```js
 export { default } from 'prettier-config/middleware';
 ```
 
-Update `apps/storefront-middleware/lint-staged.config.mjs`:
+Replace the content of `apps/storefront-middleware/lint-staged.config.mjs` with:
 ```js
 export { default } from 'lint-staged-config/middleware';
 ```
@@ -926,6 +932,9 @@ If `yarn lint:fix` finds any issues that it cannot automatically fix, we recomme
     "lint": {
       "dependsOn": []
     },
+    "lint:fix": {
+      "dependsOn": []
+    },
     "format": {
       "outputs": []
     },
@@ -1096,13 +1105,16 @@ Update `apps/storefront-unified-nuxt/nuxt.config.ts`
 }
 ```
 
-Update `apps/storefront-unified-nuxt/tsconfig.json`
+Update `apps/storefront-unified-nuxt/nuxt.config.ts`:
+
 ```diff
+export default defineNuxtConfig({
   alias: {
     '@sf-modules': path.resolve(__dirname, '.', 'sf-modules'),
     '@sf-modules-middleware': path.resolve(__dirname, '..', 'storefront-middleware', 'sf-modules'),
 +   'storefront-middleware': path.resolve(__dirname, '..', 'storefront-middleware'),
   },
+});
 ```
 ::
 
@@ -1159,7 +1171,7 @@ Update `apps/playwright/package.json`:
 ::tabs{:titles='["Next.js", "Nuxt"]'}
 
 #tab-1
-Update server configurations in `apps/playwright/setup/framework/nextjs/server-dev.ts` and `server.ts` to include envs and error handling:
+Update `server` const in `apps/playwright/setup/framework/nextjs/server-dev.ts` and `apps/playwright/setup/framework/nextjs/server.ts` to include envs and error handling:
 ```ts
 const server = exec(
   'yarn dev',
@@ -1173,11 +1185,14 @@ const server = exec(
       TEST_BUILD_DIR: join('.next', 'test', `${workerInfo.workerIndex}`),
     },
   },
-  (error) => {
+  (error: unknown) => {
     if (error !== null) {
-      debug && console.log(`[WORKER ${workerInfo.workerIndex}] Next.js server encountered an error: ${error}`);
+      debug &&
+        console.log(
+          `[WORKER ${workerInfo.workerIndex}] Next.js server encountered an error: ${error}`,
+        );
     }
-  }
+  },
 );
 ```
 
@@ -1229,7 +1244,7 @@ yarn add @alokai/cli@0.2.0 cross-env -W
 #step-5
 ### Set Up Alokai Configuration
 
-1. Create `alokai.config.json`:
+1. Create `alokai.config.json` in the root of the project:
 ```json
 {
   "$schema": "node_modules/@alokai/cli/dist/static/alokaiConfigSchema.json",
@@ -1245,7 +1260,7 @@ yarn add @alokai/cli@0.2.0 cross-env -W
 
 After setting up the Alokai configuration, create your first store:
 ```bash
-yarn exec alokai-cli store add
+yarn store add
 ```
 
 ::tip Store Name