wobsoriano / v-dashboard

Dashboard starter template built with Vue 3 and Tailwind CSS.

learn by doing

v-dashboard's Issues

How to add modules like strapi-module?

I followed the instructions https://strapi.nuxtjs.org/setup.
But I cant reference strapi in my project.

Update Tailwind to version 2

As the title says, need to update this one with the latest version of Tailwind.

https://tailwindcss.com/docs/upgrading-to-v2

Vite uses PostCSS 7 and Tailwind 2 requires 8+, so we will have to use the PostCSS 7 compatibility build of Tailwind 2.

using require

How can I use require statement in typescript ?

I'm trying to use something like this const Store = require('some').Some , but I can't see anything on browser, app doesn't start because error require is not defined

Plain html + tailwindcss

Hi

It is very neat and clean without tons of javascript files and many css files.
I am developing admin panel with normal html page which will be used with Golang.

Can you help me how do i convert it to normal html?
Sidebar, navbar and empty content is enough.

Thanks.

How to add 3rd Party Packages?

Hello wobsoriano,

It seems like I can't add any 3rd Party Packages to your Dashboard.

Missing buttons in UI Elements page

As the title says, there are missing buttons in the page.

Do you have a version which dont use typescript?

Can we have a version that dont use typescript, even if it can have one empty page aslong as the sidebar and user menu works

Thank you

Hi, I'm opening this issue only to thank you for this project!
I'm always looking for a TailwindCSS Dashboard and I'm in love with this project!

Thank you so much! <3

How to create a group in the menu that will open and close?

How to create a group in the menu that will open and close? Thank you

Sidebar shouldn't be clickable when modal is open

When you open a modal, the sidebar is still clickable; hence letting you navigate away without closing the modal.

Error occurs "[vite] error applying css transforms:" message.

Windows 10
yarn 1.22.4
node v12.16.1

$> yarn dev
PS D:\project\v-dashboard> yarn dev
yarn run v1.22.4
$ vite

Dev server running at:

Network: http://192.168.0.8:3000/
Network: http://192.168.56.1:3000/
Local: http://localhost:3000/

[vite] error applying css transforms:
TypeError: value.charCodeAt is not a function
at D:\project\v-dashboard\node_modules\tailwindcss\components.css:1:1
at module.exports (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\parse.js:17:20)
at new ValueParser (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\index.js:7:18)
at ValueParser (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\index.js:10:10)
at transformValue (D:\project\v-dashboard\node_modules\postcss-functions\dist\lib\transformer.js:20:55)
at D:\project\v-dashboard\node_modules\postcss-functions\dist\lib\transformer.js:72:24
at D:\project\v-dashboard\node_modules\postcss-functions\dist\index.js:45:18
at D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:74:18
at Rule.each (D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:60:16)
at Rule.walk (D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:71:17)
at D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:79:24 {
postcssNode: Declaration {
raws: {},
type: 'decl',
prop: 'font-size',
value: { lineHeight: '1.5rem' },
parent: Rule {
raws: [Object],
type: 'rule',
nodes: [Array],
selector: '.form-input',
lastEach: 7,
indexes: [Object],
parent: [AtRule],
source: [Object]
},
source: { start: [Object], input: [Input], end: [Object] }
}
} 0 [
TypeError: value.charCodeAt is not a function
at D:\project\v-dashboard\node_modules\tailwindcss\components.css:1:1
at module.exports (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\parse.js:17:20)
at new ValueParser (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\index.js:7:18)
at ValueParser (D:\project\v-dashboard\node_modules\postcss-functions\node_modules\postcss-value-parser\lib\index.js:10:10)
at transformValue (D:\project\v-dashboard\node_modules\postcss-functions\dist\lib\transformer.js:20:55)
at D:\project\v-dashboard\node_modules\postcss-functions\dist\lib\transformer.js:72:24
at D:\project\v-dashboard\node_modules\postcss-functions\dist\index.js:45:18
at D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:74:18
at Rule.each (D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:60:16)
at Rule.walk (D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:71:17)
at D:\project\v-dashboard\node_modules@vue\compiler-sfc\node_modules\postcss\lib\container.js:79:24 {
postcssNode: Declaration {
raws: {},
type: 'decl',
prop: 'font-size',
value: [Object],
parent: [Rule],
source: [Object]
}
}
]

Update custom forms

Remove https://github.com/tailwindlabs/tailwindcss-custom-forms and use https://github.com/tailwindlabs/tailwindcss-forms for Tailwind 2 instead.