Merge branch '#10-regulations-for-escooters' of https://github.com/bl…

…umilksoftware/escooters into #10-regulations-for-escooters

resources/js/Pages/City/Index.vue

@@ -21,7 +21,7 @@ const toast = useToast()
 const page = usePage()
 const isAuth = computed(() => page.props.auth.isAuth)
 const regulationsOpen = ref(false)
-const rules = reactive({pl:'ładowanie informacji o zasadach, proszę czekać...', en:'loading info about rules, please wait...'})
+const rules = reactive({pl:'<i class="text-gray-400">ładowanie informacji o zasadach, proszę czekać...</i>', en:'<i class="text-gray-400">loading info about rules, please wait...</i>'})
 
 fetchRegulations()
 const props = defineProps({
@@ -135,8 +135,7 @@ function createOpinion() {
             <div class="my-3 flex cursor-pointer items-center text-2xl font-bold text-gray-700" @click="toggleRegulations()">
               {{ __('Rules') }} <ArrowDownIcon :class="regulationsOpen ? 'rotated' : ''" class="absolute right-3 inline-block h-6 w-6 transition-all" />
             </div>
-            <div :class="regulationsOpen?'show':''" class="overflow-scroll transition">
-              {{ currentRules }}
+            <div :class="regulationsOpen?'show':''" class="overflow-scroll transition" v-html="currentRules">
             </div>
           </div>
           <form v-if="isAuth" class="mt-8 flex flex-col" @submit.prevent="createOpinion">