How to access tailwind colors from javascript
Check the official docs: https://tailwindcss.com/docs/configuration#referencing-in-java-script You can use the built-in helper resolveConfig to get your config.
vue.js
How to use .env variables in Nuxt 2 or 3?
This video is a good explanation in a video format, with some up to date info that I didn’t knew back in the time. Will soon update my answer accordingly to fix some mistakes. If your Nuxt version is 2.13 or above, you don’t need to use @nuxtjs/dotenv or anything alike because it is already … Read more
Is it possible to use the computed properties to compute another properties in Vue?
You need to use correct scope to access a vue computed property. as you are using just id, it will search it in global scope and not find it and will return undefined. For getting vue computed property, you need to do: this.id, so your code will look like following: computed: { id: function () … Read more
Why Pinia vs Vuex for Vue 3? [closed]
In short, Pinia’s API is much simpler and intuitive. It makes using stores a breeze, even for junior devs. It brings the benefits of Composition API, but has a structure which greatly resembles the Options API, which you’re probably familiar with: has a reactive state, equivalent of data function in Options API has getters, equivalent … Read more
Problem to use VueI18n outside a component
To use i18n with Vue 3’s composition API, but outside a component’s setup(), you can access its translation API (such as the t function) on its global property. E. g. in a file with unit-testable composition functions: // i18n/index.js import { createI18n } from ‘vue-i18n’ import en from ‘./en.json’ … export default createI18n({ datetimeFormats: {en: … Read more
[Vue warn]: Unknown custom element: – When running jest unit tests
This is how I was able to get rid of the annoying warning: Include RouterLinkStub, eg.: import { shallowMount, createLocalVue, RouterLinkStub } from ‘@vue/test-utils’; Map NuxtLink stub to RouterLinkStub const wrapper = shallowMount(TestItem, { … stubs: { NuxtLink: RouterLinkStub } }) And in case you were checking nuxt-link text or something, change: const link = … Read more
Vite how to use sass
You just need to install sass using the following command npm install -D sass Also, you may check the official docs here https://vitejs.dev/guide/features.html#css-modules
How do I fix “the requested module does not provide an export named ‘default'”?
The reason it didn’t work is that Vue provides a named export, whereas you are trying to import it as though it had a default export. To make a named import (which you must do with named exports), you need to wrap the name of the export you want to import in curly braces, so … Read more
Error with node-sass when running npm install
node-sass has been deprecated. It has been transformed to the npm package sass now. You can uninstall the old and install the new one npm uninstall node-sass npm install sass Many issues also those during installation have been fixed with this.
How to resolve “Error: error:0308010C:digital envelope routines::unsupported” Nodejs 18 error [duplicate]
In my case this happened in my Github Actions build pipeline when I was running npm run build. I was able to fix it by providing the following environment argument: export NODE_OPTIONS=–openssl-legacy-provider According from what I have read this node option can also be set in package.json. What I did was modifying the scripts section … Read more