Depuis mon refacto avec vuepress@next.

• le workflow github build bien la doc et la dépose correctement sur la branche gh-pages : https://github.com/xmimiex/vue3-ssr-template/actions/runs/1690231665 (contenu de la branche : https://github.com/xmimiex/vue3-ssr-template/tree/gh-pages)
• par contre le workflow qui écoute les push sur cette branche pour mettre à jour le site est en échec : https://github.com/xmimiex/vue3-ssr-template/actions/runs/1690233352

Config Pages

• Get available COUNTRY / LANGUAGE from the store
• Should depend of current URL (/FR/fr/about => /UK/en/about)
• Should not be router-link or client redirection as Country / Language are handled from the server side

Failed to import Tailwindcss got an error: import '@app/assets/css/tailwind.css' @tailwind base; @tailwind components; @tailwind utilities;

RangeError: Maximum call stack size exceeded at collectCssUrls (/Users/user/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:18:28) at collectCssUrls (/Users/user/Vue3/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:26:11) at collectCssUrls (/Users/user/Vue3/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:26:11) at collectCssUrls (/Users/user/Vue3/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:26:11) at collectCssUrls (/Users/user/Vue3/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:26:11) at collectCssUrls (/Users/user/Vue3/vue3-ssr-template/src/server/controllers/render-app-dev-server.ts:26:11)

Vite n'interprète pas les scss qui sont importés dans le app.ts, du coup je l'ai déplacé dans le App.vue...

J'ai également vue que les styles qu'on force côté server en dev-server se retrouvent en doublon avec les styles qui sont chargés normalement côté client. On verra dans un second temps, il faut qu'on suive les évolutions de vite.

Ajout de node cluster pour le server Peut-être activer/desactiver à partir de la config

context:
  environment: production
  port: 8080
  cluster: true | false

• premier jet du DS pour nos pages
• premier temps dans le projet
• second temps à externaliser dans autre projet et builder/deploy dans repository github pour récupérer dans ce projet ?

RAF : afficher dans storybook

Un exemple d'UI sur la page Category & Product. Il n'y a pas de tests et j'ai pas touché à la Home. Dites moi déjà si le format des pages vous plaît ainsi que la manière dont c'est coder. Si ça vous va j'ajouterai les tests et les stories dans une deuxième MR.

Les changements au niv de l'archi du projet: J'ai mis les types/enums et interfaces sous le folder contracts. J'ai également mis les routes dans les folders pages rattachés.

Autrement 2 erreurs que j'ai pu relever:

• duplicata style. je pense que le server puis le client doivent chacun les charger, d'où une duplication.
• j'ai pas accès aux function/mixin sass, mais aux tokens/variables oui. J'ai garder les valeurs en px en attendant de pvr utiliser rem-calc. Pareil pour le responsive.

Dear friend, this template is awesome and helps me a lot. Currently, I meet a problem of my own and I can also reproduce it in your template code. I wish I could also get some help.

In the file build/webpack.common.js,config.module.rules[2] is ts-loader, and you use transpileOnly: true,

{
        test: /\.ts$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'swc-loader',
          },
          {
            loader: 'ts-loader',
            options: {
              transpileOnly: true,
              appendTsSuffixTo: [/\.vue$/],
            },
          },
        ],
      },

To my understanding, transpileOnly: true is just used to speed up compile, which has no other side effect. However, if i miss it, I would get an error when run yarn build

vue3-ssr-template/src/app/App.vue.ts(7,29)
      TS2345: Argument of type 'string | ConcreteComponent<{}, any, any, ComputedOptions, MethodOptions>' is not assignable to parameter of type 'Component<any, any, any, ComputedOptions, MethodOptions>'.
  Type 'string' is not assignable to type 'Component<any, any, any, ComputedOptions, MethodOptions>'.

So I wonder, is this transpileOnly is a must in node env?

Many thanks

L'idée serait de proposer quelques gabarits de pages différents pour couvrir un ensemble de pages existantes sur le web, exemple : une page "fiche produit", une page "article de blog", une page "liste articles", etc. permettant de naviguer et d'afficher les spécificités par pays/langue. La donnée proviendrait de stubs dans un premier temps.