All Questions
111
questions
1
vote
1
answer
35
views
Colon symbol in class names for tailwind break Pug files
I am creating a project in Vue where the HTML aspect of it is written in pug. When I add a tailwind class, (for example in this case I am trying to add the classes )
.w-16.md:w-32.lg:w-48
Since it is ...
0
votes
0
answers
33
views
Why is my dynamic bootstrap table not working in PUG Vue?
So here is a example of section of vue code with a dynamic bootstrap table. This code works where if i click on a depart_time cell the datepicker element is activated.
<template>
<b-table :...
-1
votes
2
answers
1k
views
Vite not detecting changes (vue/pug)
Vite fails to detected changes in PUG files that are referenced by other PUG files. For example:
div
include ./pug/index-2.pug
The index-2.pug is placed next to index.pug, but Vite only detects ...
0
votes
1
answer
155
views
Radio button not deselecting in radiogroup because of wrapper element
I have created a component for radio buttons with custom styling and would like to group them. However when i use a v-for to render multiple radio buttons they do not deselect when another radio ...
0
votes
1
answer
200
views
Convert index.pug to Vue Component
I have a pug file called index.pug like so, also comprising tailwind css classes.
html(lang="en")
head
title Page title
meta(charset="utf-8")
meta(name=&...
0
votes
0
answers
153
views
Cypress can't find Pug module even though Vue finds it just fine
I searched through all the web and seems like no one ever had a problem with Pug while testing with Cypress. Anyone?
I'm using Pug with Vue 3.
The following error originated from your test code, not ...
0
votes
1
answer
361
views
How can I pass an object key/value pair to a template in Vue?
This is what I have so far -- everything is ok except that the links go to http://localhost:5173/[object%20Object] and I think I've hit a mental wall.
My component:
<template lang="pug"&...
3
votes
1
answer
579
views
How to create a checkbox with a link, without triggering checkbox checked event in Quasar q-checkbox?
I am trying to create terms and conditions checkbox using q-checkbox. The label of the checkbox should be something like this, 'I have read and understood the' part should not be clickable, and the ...
0
votes
1
answer
32
views
Pug render 2 templates in the same row
Is there a way to render these 2 templates in one line in Pug?
v-flex.compact
p(id='correspondence-comment-content' v-html='displayContent')
span
template(v-if='...
2
votes
0
answers
463
views
Parsing error: Unexpected token as. How can I use typescript specifying types inside template tags
I use pug inside my Vue <template>, it's syntax erorr for me on console:
temp.vue:
<template lang="pug">
p {{ directions[directionName as keyof typeof directions] }}
</...
3
votes
1
answer
340
views
Pug hasn't access to computed properties in vue inside dynamic class attribute
So, i tried to dynamically toggle className, based on computed property, but it looks like pug doesn't have access to computed properties. I tried to manually set true to a className, then it's ...
1
vote
0
answers
206
views
Vuetify Tooltip use in Pug.js
I am new to vue and pug.js. I am following the vuetify tutorial to put tooltip. It come out error.
The vuetify code shows:
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs ...
2
votes
1
answer
875
views
Nuxt 3 Server with Pug for email templates
I have created an endpoint with Nuxt 3 Server to send emails.
The email sending part is working great.
The styling of the email templates is done with Pug but I am having a hard time to get the path ...
3
votes
1
answer
1k
views
How to fix Indent error in pug with vue js
We have a whole network of projects, more than 15 projects, each of them has been working for more than three years. Today, suddenly after reinstalling node modules, an error appeared everywhere:
...
3
votes
1
answer
954
views
How to create component in Vue3 using TypeScript, Pug Template engine and Composition API
When I am exporting components inside <script setup lang="ts"> and using in <template lang="pug">, it's throwing error, defined but never used.
For example:
<...