2023-05-03 21:31:01 +02:00
< script setup = "setup" >
2024-01-19 13:35:03 +01:00
2023-05-03 21:31:01 +02:00
const store = usePojmiStore ( )
2024-03-05 22:48:42 +01:00
const { poskrolaj } = useUi ( )
2024-01-08 01:05:54 +01:00
await store . naloziPojme ( )
2024-01-24 18:54:28 +01:00
const navodila = ref ( null )
onMounted ( ( ) => {
if ( location && location . hash == '#skrol' ) {
2024-03-05 22:48:42 +01:00
poskrolaj ( navodila . value )
2024-01-24 18:54:28 +01:00
}
} )
2023-05-03 21:31:01 +02:00
< / script >
< template >
2024-04-01 19:59:09 +02:00
< h3 class = "navodila" ref = "navodila" > { { $t ( 'Vsak lahko prispeva k vsebinam manifesta. Predlaga lahko nov pojem ali ureja, dopolni ali predela obstoječe.' ) } } < / h3 >
2024-04-01 20:36:28 +02:00
< NuxtLink class = "gumb" :to ="localePath('pojem_dodaj')" >
2024-04-01 19:59:09 +02:00
{ { $t ( 'Dodaj nov pojem' ) } }
2024-01-19 13:35:03 +01:00
< / NuxtLink >
2024-01-24 16:44:09 +01:00
< NuxtLink
2024-01-17 20:37:09 +01:00
v - for = "pojem in Object.keys(store.pojmi)"
: naslov = "pojem"
2024-04-01 20:36:28 +02:00
: to = "localePath('poglej_pojem', encodeURIComponent(pojem))"
2024-01-24 16:44:09 +01:00
class = "okvir" >
< h2 > { { pojem } } < / h2 >
< / NuxtLink >
2023-05-03 21:31:01 +02:00
< / template >
2024-01-17 20:37:09 +01:00
< style scoped >
2024-01-24 16:44:09 +01:00
a {
clear : both ;
}
h2 {
margin - bottom : 0 ;
2024-01-17 20:37:09 +01:00
}
2024-01-24 18:54:28 +01:00
. navodila {
padding - left : 2 rem ;
padding - right : 2 rem ;
text - align : center ;
}
2024-01-17 20:37:09 +01:00
< / style >