I have a Nuxt 3 project and a separate UI library project. The way we work for local development is anytime we modify our UI library code (Vue 3 project), we do an npm build and npm link. We then go back to our nuxt project and do a npm link etc. The Nuxt project has a conditional in the config to load a different plugin depending on the environment (local or hosted) which calls the register method of our UI. If it's local, the import comes from the local library - if it's not local, it's the ES build of the library. Now I am migrating to nuxt 3 and there doesn't seem to be the ability to loa ..read more

Hey! Currently I want to create a little game using vue-flow. There are some fixed nodes and the player has to connect the right pairs of nodes by edges. Then there should be a button to check, whether the player did it right and to output some feedback. But I'm really struggling with the documentation. For me there are basic examples missing to understand, how to achieve the following: style the "connector points" in the nodes. I want them to be better visible. style the edges to be thicker and of a certain color. In particular I don't get how to style edges which are drawn by the player. w ..read more

https://preview.redd.it/g2e2nmwq26yc1.png?width=878&format=png&auto=webp&s=6f7ae40a967960bd8b8d5432356fee0b15ea6329 How to make the above select to display all the selected values instead of the 3 dots by expanding the input submitted by /u/Terrible_Use5214 [visit reddit] [comments ..read more

https://www.udemy.com/course/100-days-of-code-web-development-bootcamp/?kw=100+days&src=sac&couponCode=ST2MT43024 I want to take it since I already have it after I finish learning python for backend I will focus on learning frontend and be on my way to building a full stack mvp of an idea I’ve been wanting to code myself. Any feedback as I could find anything useful on it. submitted by /u/WynActTroph [visit reddit] [comments ..read more

How do I change the selector here from "project-item high" to "project-item wide high"? The following code is how it looks in Inspect Element. I can change it using Inspect Element and am able to preview the change there. But I did a string search in all the website source files and don't see it where I can edit it directly. <div data-v-0b85af30="" ><div data-v-0b85af30="" ></div> submitted by /u/Apptimus_Prime [visit reddit] [comments ..read more

submitted by /u/tomemyxwomen [visit reddit] [comments ..read more

Hi there. Previously, with Vue 2, I used the following code to create a reusable component with the sole purpose of adding "data-" attributes to whatever element was passed into the default Slot. I have absolutely no idea how to do this same thing with Vue 3. Code: <script> export default { props: { anchor: { type: String, default: null, }, anchorPlacement: { type: String, default: "top-center", }, delay: { type: String, default: null, }, duration: { type: String, default: null, }, }, data() { return { children: [], aos: "fade", className: "Fade", } }, created() { this.setAttrs() }, me ..read more

Would you recommend Tanstack? Or is there something better? submitted by /u/ArcadeH3ro [visit reddit] [comments ..read more

Hi All, I've been stuck for hours on this, I want to use a data property with an axios request but for some reason I get null, even though I've assigned it to a variable: components: {CalendarMonth, CalendarShifts}, template: ` <calendar-month v-for="monthNumber in monthNumbers" :monthNumber="monthNumber" :dates="filterMonth(monthNumber)" :dayTexts="dayTexts" :monthTexts="monthTexts" :key="monthNumber" u/single-click="singleClick" u/shift-click="shiftClick" @ctrl-click="ctrlClick" ></calendar-month> `, async getBaseCalendarShifts() { try { const response = await axios.post(this.r ..read more

According to the Vue Style Guide single use components (single use per view) should be prefixed with The. But what about single use components that are only used in a specific/single view. Lets say I have a StoreView and in there I have some form for purchasing (let's call it BuyItemForm) but it's only meant to be used in the store view and only once. If I name it TheBuyItemForm then it means that it can be used in every view but once per view which is not what I want. Should I use the same convention as for child components and name it TheStoreViewBuyAssetForm or TheStoreBuyAssetForm? What a ..read more