- Source for nettside info.skvidar.run.
- Det er et ganske standard vitepress oppsett.
Hvordan sette opp lokalt miljø:
- Installer npm
git clone git@github.com:fyksen/info.skvidar.run.git
cd info.skvidar.run
npm add -D vitepress
npm run docs:dev
Du kan nå besøke nettsiden på lokal maskin, på adressen: http://localhost:5173/
Dette er scripts som er laget for info.skvidar.run
For å bruke flere scripts på samme side, må man kjøre script setup med flere scripts. F.eks:
<script setup>
import PretixWidgetCompat from '/arrangementer/PretixWidgetCompat.vue'
import AttendeesTable from '/arrangementer/attendees.vue'
</script>
Dette er et script som kan brukes for å hente inn en liste over hvor mange deltakere det kommer til et arrangement. For å bruke scriptet, kan man skrive:
<script setup>
import AttendeesTable from '/arrangementer/attendees.vue'
</script>
<AttendeesTable eventId="julebord23"/>
Merk at AttendeesTable linjen henter en .json fil. .json filene blir hentet hvert 5 minutt via et python script fra pretix (tickets.skvidar.run).
EventId, i dette tilfelle julebord23 er det pretix kaller slug. Slug er det samme som shortname til et arrangement.
Logg inn på tickets.skvidar.run for å se hva shortnamet til arrangementet er.
Dette er et script som henter inn butikken til tickets.skvidar.run, og embedder det på siden.
<script setup>
import AttendeesTable from '/arrangementer/PretixWidgetCompat.vue'
</script>
<PretixWidgetCompat eventId="julebord23" />
På samme måte som attendees scriptet, så må man hente eventId fra slug på pretix.