Describe your question/issue in detail
https://jam.dev/c/4ac67005-adae-488e-b30f-afaf2a71e7db
I have been trying to add a blog index and project index to my site. It's been a little rough as I was following two different courses which seemed to have the same content but the approach was dif on the blog piece so I tried to mix my own solution up but in the process have broken it all. I'm now trying to just get things to work in the way designed in the original course so I can then just apply the bento box styling to if afterwards (and remove the horrid image hover [personal opinion of mine but man it's ugly] it has which seems quite engrained into it but I'm sure I can work around it if I can just get the mapper working and get something on the page lol.
Github of my source can be found here:
The course source can be found here:
Impacted feature
Content Index Slice and all pages that have it added.
What steps have you taken to resolve this issue already?
I've it all from ourright ripping code out, to changing names of slices etc to match with the video (ik copium but cmon I had to try), to even just green pasturing it fresh. no hope found lol.
Errors
[vite:dev] TypeError: Cannot read properties of undefined (reading 'map')
[vite:dev] at /home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/slices/ContentIndex/ContentList.svelte:25:27
[vite:dev] at Object.$$render (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/node_modules/svelte/src/runtime/internal/ssr.js:156:16)
[vite:dev] at Object.default (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/slices/ContentIndex/index.svelte:39:100)
[vite:dev] at eval (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/components/Bounded.svelte:32:77)
[vite:dev] at eval (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/components/Bounded.svelte:33:6)
[vite:dev] at eval (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/components/Bounded.svelte:35:4)
[vite:dev] at Object.$$render (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/node_modules/svelte/src/runtime/internal/ssr.js:156:16)
[vite:dev] at eval (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/src/lib/slices/ContentIndex/index.svelte:24:95)
[vite:dev] at Object.$$render (/home/someuserboi/dev/github.com/TechAssistance/mayberoot/node_modules/svelte/src/runtime/internal/ssr.js:156:16)
[vite:dev] at /home/someuserboi/dev/github.com/TechAssistance/mayberoot/node_modules/@prismicio/svelte/dist/SliceZone/SliceZone.svelte:32:37
Your Role
TAM-System Administrator / Student
Hosting provider
(none just local host lol)
Package.json file
{
"name": "sveltekit-starter-prismic-minimal",
"version": "0.0.1",
"private": true,
"scripts": {
"dev": "concurrently \"npm:vite:dev\" \"npm:slicemachine\" --prefix-colors blue,magenta",
"vite:dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --check . && eslint .",
"format": "prettier --write .",
"slicemachine": "start-slicemachine"
},
"devDependencies": {
"@iconify-json/fa-brands": "^1.1.8",
"@iconify-json/ic": "^1.1.17",
"@iconify-json/simple-icons": "^1.1.108",
"@slicemachine/adapter-sveltekit": "^0.3.42",
"@sveltejs/adapter-auto": "^3.2.2",
"@sveltejs/kit": "^2.5.15",
"@sveltejs/vite-plugin-svelte": "^3.1.1",
"@tailwindcss/typography": "^0.5.13",
"@types/eslint": "^8.56.10",
"autoprefixer": "^10.4.19",
"concurrently": "^8.2.2",
"eslint": "^9.5.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.39.3",
"globals": "^15.4.0",
"postcss": "^8.4.39",
"prettier": "^3.3.2",
"prettier-plugin-svelte": "^3.2.4",
"slice-machine-ui": "^2.2.1",
"svelte": "^4.2.18",
"svelte-check": "^3.8.0",
"tailwindcss": "^3.4.4",
"tslib": "^2.6.3",
"typescript": "^5.4.5",
"typescript-eslint": "^8.0.0-alpha.20",
"typescript-svelte-plugin": "^0.3.38",
"unplugin-icons": "^0.19.0",
"vite": "^5.3.1"
},
"type": "module",
"dependencies": {
"@fontsource-variable/urbanist": "^5.0.21",
"@prismicio/client": "^7.6.0",
"@prismicio/svelte": "^1.2.0",
"@threlte/core": "^7.3.1",
"@threlte/extras": "^8.11.4",
"clsx": "^2.1.1",
"gsap": "^3.12.5",
"three": "^0.166.0"
}
}
Steps to reproduce
Just try to load the page lol.