- CraftedBy -

frontend-VueJS-project

Initialisation :

npm install 

nvm use 20

npm run dev 

Axios :

npm install axios

Folders to be created at the root of the project :

tailwind.config.js :

import daisyui from "daisyui"

export default {
   content: ['./src/**/*.{vue,js,ts}'],
   plugins: [daisyui]
};

postcss.config.js :

import tailwindcss from "tailwindcss"
import autoprefixer from "autoprefixer"

export default {
    plugins: [tailwindcss, autoprefixer],
};

Set-up icons auto-import :

npm i -D unplugin-icons

npm i -D @iconify-json/ph

File vite.config.js :

import Vue from '@vitejs/plugin-vue'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import Components from 'unplugin-vue-components/vite'

export default {
   plugins: [
     Vue(),
     Components({
         resolvers: [
            IconsResolver(),
         ],
     }),
     Icons(),
   ],
}