.gitlab-ci.yml

+---
+image: node:lts-slim
+
+stages:
+  - test
+  - build
+  - deploy
+
+variables:
+  NPM_ORGANIZATION: lydra
+
+cache:
+    key: ${CI_COMMIT_REF_SLUG}
+    paths:
+        - node_modules/
+
+before_script:
+  - npm ci
+
+pages:
+  stage: build
+  script:
+    - npm run build
+    - mv public public.dist
+    - mv dist public
+  artifacts:
+    paths:
+      - public
+
+publish:
+  stage: deploy
+  needs:
+    - job: pages
+      artifacts: true
+  dependencies:
+    - pages
+  script:
+    - npm config set -- '//registry.npmjs.org/:_authToken' "${NPM_TOKEN}"
+    - npm publish --access public
+  rules:
+    - if: $CI_COMMIT_TAG

.nvmrc

+v18.12.1

example.md

@@ -6,10 +6,10 @@ themeConfig:
   secondary: '#cc7b4b'
   code: 'white'
   subtitle: "Slidev Alpaga Theme"
-  logoSrc: "/img/alpaga-logo.png"
+  logoSrc: "img/alpaga-logo.png"
   logoUrl: ""
   licenseUrl: "https://creativecommons.org/licenses/by-sa/4.0/deed.fr"
-  licenseImg: "/img/license.png"
+  licenseImg: "img/license.png"
   authorUrl: "https://lydra.fr"
   author: "Author's Name"
   version: "0.1"

global-bottom.vue

 <!-- global-bottom.vue -->
-
 <script>
+
 export default {
   data() {
     return {
     date: new Date().toLocaleDateString(),
+    base: import.meta.env.BASE_URL,
     }
   }
 }
@@ -12,7 +13,7 @@ export default {
 <template>
   <footer class="absolute flex justify-between bottom-8 left-16 z-60 right-16 ">
     <span v-if="$slidev.themeConfigs.version"> V {{ $slidev.themeConfigs.version }} of {{ date }}  </span> 
-    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="$slidev.themeConfigs.licenseImg"/></a> 
+    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="base + $slidev.themeConfigs.licenseImg"/></a> 
     <span v-if="$slidev.themeConfigs.authorUrl">Author : <a  :href="$slidev.themeConfigs.authorUrl" target="_blank"> {{  $slidev.themeConfigs.author  }} </a>  </span>
     <span v-else-if="$slidev.themeConfigs.author">Author : <span class="secondary-color"> {{  $slidev.themeConfigs.author  }} </span>  </span>
   </footer>

global-top.vue

 <!-- global-bottom.vue -->
+<script>
+
+export default {
+  data() {
+    return {
+    base: import.meta.env.BASE_URL,
+    }
+  }
+}
+</script>
 <template>
 <header class="absolute flex justify-between top-8 left-16 z-60 right-16">
-  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="$slidev.themeConfigs.logoSrc"/></a> 
- <img v-else-if="$slidev.themeConfigs.logoSrc" class="h-12" :src="$slidev.themeConfigs.logoSrc"/>
+  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/></a> 
+ <img v-else-if="base + $slidev.themeConfigs.logoSrc" class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/>
 
   <span v-if="$slidev.themeConfigs.subtitle" class="secondary-color"> {{ $slidev.themeConfigs.subtitle }}</span>
 

package.json

 {
-  "name": "slidev-theme-alpaga",
-  "version": "0.1.0",
+  "name": "@lydra/slidev-theme-alpaga",
+  "version": "0.0.2",
+  "description": "Alpaga is a simple and quick to set up theme for [Slidev](https://github.com/slidevjs/slidev). It's ideal for Markdown notes, booklets or cheatsheets as you can easily customize it to your business colors and identity and export to PDF.",
   "authors": [
     "Celeste Robert",
     "Lydra.fr"
@@ -13,6 +14,13 @@
     "alpaga-theme",
     "theme"
   ],
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git@lab.frogg.it:lydra/www/slidev-theme-alpaga.git"
+  },
+  "license": "GPL-3.0-or-later",
+
   "engines": {
     "node": ">=14.0.0",
     "slidev": ">=0.19.3"

vercel.json

+{
+  "rewrites": [
+    { "source": "/(.*)", "destination": "/index.html" }
+  ],
+  "buildCommand": "npm run build",
+  "outputDirectory": "dist"
+}

vite.config.js

+// vite.config.js
+// https://vitejs.dev/guide/static-deploy.html#gitlab-pages-and-gitlab-ci
+
+const URL = process.env.BASE_URL || '/';
+
+export default {
+  base: `${URL}`
+}