justboil / admin-one-vue-tailwind Goto Github PK

I am trying to disable a button created by the JbButton using the disabled attribute component but it's not working.

Upgrade the package.json to resolve vulnerabilities.

Currently there is 70 vulnerabilities:

120 packages are looking for funding
  run `npm fund` for details

70 vulnerabilities (57 moderate, 13 high)

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

Ran npm audit fix and npm audit fix --force doesn't fix those vulnerabilities.

npm run serve

[email protected] serve C:\Users\NarayanaReddyAnnapur\git\Digi\digihome-ui
vue-cli-service serve

INFO Starting development server...
WARN A new version of sass-loader is available. Please upgrade for best experience.
98% after emitting CopyPlugin

ERROR Failed to compile with 1 error 7:11:19 PM
error in ./src/css/main.css

Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users

@ ./src/css/main.css 4:14-162 15:3-20:5 16:22-170
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.0.6:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

Could you please help on this issue , thank you in Advance.

First of all, thank you for an awesome template. It would be nice if we could make use of .env files for some configurations such as default document title etc. All that is need to do is make sure they are saved as VITE_ in a .env file as per documenation

Can you add a search and sort section, this is important.

when i run npm run build
I get this error:

Hello first this is really great project and i want to help it to be more great do you think i can add simple animation for dropdown ?

jb-button without href or routeName it throws stack size exceeded error. Please help
i want
<jb-button
label="Save"
type="submit"
color="danger"

How can I solve this problem with nuxtjs?
Is it linked to the import?
Because I have my main.css file in assets/css that I import from my nuxtconfig file.

And I don't know what the problem is

Hey,
I have have an existing Laravel 9 project, no Inertia, no Vue, just Vite and Tailwind.
What is the best way to add your template?
Thank you.

$ yarn
yarn install v1.22.18
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
error @achrinza/[email protected]: The engine "node" is incompatible with this module. Expected version "8 || 10 || 12 || 14 || 16 || 17". Got "18.0.0"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Hi, I'm sry if this is a noob question.

I've just got into the Laravel Inertia Stack.
I'm trying to create a template which I can use in my future projects.

• I created a new project with laravel 9. I installed Laravel Breeze with vue option.
• I then made an admin side, using laravel breeze templates and have made sure all the functionalities (Login/Logout, forget password, etc) are working.
• The structure is

• ~/resources/js/Pages/Backend/ contains all the backend pages
• ~/resources/js/Pages/Frontend/ contains all the frontend pages
• ~/resources/js/Pages/Components/ contains all the individual components

I want to install the admin-one dashboard into my project now. Can someone please help?

really excited for this and wondering when it's getting updated

After I follow the laravel guide, it work with the login page, register page. But after the registration, nothing shows up in the /dashboard, and no errors, no logs.

Hello
Please we need to update here
https://github.com/justboil/admin-one-vue-tailwind/tree/master/.laravel-guide

import { Head } from '@inertiajs/inertia-vue3'
To be like that

import {Link} from '@inertiajs/vue3'
Note:
This is not the only change required so we can include the following link https://inertiajs.com/upgrade-guide

When following the Laravel 9 integration guide, you get this error:

Cannot find module '@tailwindcss/line-clamp'

Require stack:

• /home/tommaso/Progetti/Www/app.mezzanato.it/www/tailwind.config.js
• /home/tommaso/Progetti/Www/app.mezzanato.it/www/node_modules/tailwindcss/lib/lib/setupTrackingContext.js
• /home/tommaso/Progetti/Www/app.mezzanato.it/www/node_modules/tailwindcss/lib/index.js
• /home/tommaso/Progetti/Www/app.mezzanato.it/www/postcss.config.js
  Plugin: vite:css
  File: /home/tommaso/Progetti/Www/app.mezzanato.it/www/resources/css/main.css
  at Module._resolveFilename (node:internal/modules/cjs/loader:955:15)
  at Module._load (node:internal/modules/cjs/loader:803:27)
  at Module.require (node:internal/modules/cjs/loader:1021:19)
  at require (node:internal/modules/cjs/helpers:103:18)
  at Object. (/home/tommaso/Progetti/Www/app.mezzanato.it/www/tailwind.config.js:82:9)
  at Module._compile (node:internal/modules/cjs/loader:1119:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1173:10)
  at Module.load (node:internal/modules/cjs/loader:997:32)
  at Module._load (node:internal/modules/cjs/loader:838:12)
  at Module.require (node:internal/modules/cjs/loader:1021:19)

The solution is install module via npm:

npm install @tailwindcss/line-clamp --save-dev

when using Axios intercept request and response-interceptors api request like below

import network from './request.js'
export const UserLogin = (data) => {
return network({
url: '/opt',
method: 'post',
data
})
}

waiting it for Nuxt with some server part integration

Hi everyone
I have a problem about vue router prefix which contain # on the route.
I need to integrate with a call back service which only allow url without#
how do I get rid of # prefix ?

eg.
http://localhost:8080/#/

http://localhost:8080/?code=VhLquPYa70tCmdvdoW87hm&state=638700c043d95e002feaeed0#/

I can not get the params from the route

Got Cannot GET / after npm run build and npm run preview

Do I need to setup some files first?

Is there any loader for wait in this

Can we use it with jetstream vue+inertia (VILD stack)

when I want to integrate it with laravel 10, I follow all the steps and at the end many of the colors are not rendered.

I thought it could be tailwind so I updated all the npm packages but it keeps happening.

when i use tailwind outside of the normal template the colors work.

can anyone help me?

After running command - npm run dev, i got this warning alert below:

3 WARNINGS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 3 warnings

Any fix to this issue?

// Add layout store
import { useLayoutStore } from "@/Stores/layout.js";

I can't find the store/layout.js file. is there a file reference?

I have insatlled this package inside a laravel app and it's works fine but when I tried to open my app on mobile I have a total white page !

When following the Laravel 9 integration guide, you get this error:

Uncaught (in promise) ReferenceError: RouterLink is not defined
at ReactiveEffect.fn (NavBarItem.vue:26:5)
at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
at get value [as value] (reactivity.esm-bundler.js:1147:39)
at unref (reactivity.esm-bundler.js:1053:29)
at Object.get (reactivity.esm-bundler.js:1056:37)
at Proxy._sfc_render (NavBarItem.vue:97:10)
at renderComponentRoot (runtime-core.esm-bundler.js:888:44)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5600:57)
at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
at instance.update (runtime-core.esm-bundler.js:5714:56)

The solution is change line 26 of "resources/js/Components/NavBarItem.vue" replacing "RouterLink" component from vue-router module with "Link" component form inertia-vue3 module.

resources/js/Components/NavBarItem.vue
26 - return RouterLink;
26 + return Link;

Is this template support rtl?

When I follow this step in the Laravel guide I end up with an inconsistent style from demo.

To fix it, I keep the existing style

<component
      :is="item.route ? Link : 'a'"
      :href="itemHref"
      :target="item.target ?? null"
      class="flex cursor-pointer"
      :class="componentClass" <<<--- needs to stay like this not ':class="activeInactiveStyle"' as in the guide
      @click="menuClick"
    >

I'm using TailwindCSS for a project and I must use Select2 (with laravel).

My requirement is to create tag if not exist in select 2.

Some menu links are common, some are for role type super admin, and some only for users. Can you please guide me how to achieve this?

Currently, the "preserve dark mode" setting is not working properly, even by uncommenting the required lines in main.js and darkMode.js
The reason is that the value used to set the darkMode key in darkMode.js::localStorage.setItem() should be this.isEnabled ? '1' : '0' instead of this.darkMode ? '1' : '0'.
Indeed, the darkMode ref does not exist.

i tried to use it in newly installed laravel/breeze

it show this warning

what is this warning ?

dark mode is gone when i refresh the pages

I convert project to nuxt with this document but after that when I run project it's show this error without any other info:

ERROR Error while formatting vite error: { code: 'ERR_MODULE_NOT_FOUND' }

source code:
https://github.com/MHKarami97/template