vite-plugin-vue-layouts | Vue layout plugin for Vite | Frontend Framework library

by JohnCampionJr TypeScript Version: v0.8.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(1)Vulnerabilities Install Support

kandi X-RAY | vite-plugin-vue-layouts Summary

vite-plugin-vue-layouts is a TypeScript library typically used in User Interface, Frontend Framework, Vue applications. vite-plugin-vue-layouts has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

This works best along with the vite-plugin-pages. Layouts are stored in the /src/layouts folder by default and are standard Vue components with a in the template. Pages without a layout specified use default.vue for their layout. You can use route blocks to allow each page to determine its layout. The block below in a page will look for /src/layouts/users.vue for its layout. See the Vitesse starter template for a working example.

Support

Quality

Security

License

Reuse

Support

vite-plugin-vue-layouts has a low active ecosystem.

It has 296 star(s) with 45 fork(s). There are 3 watchers for this library.

It had no major release in the last 12 months.

There are 34 open issues and 45 have been closed. On average issues are closed in 37 days. There are 3 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of vite-plugin-vue-layouts is v0.8.0

Quality

vite-plugin-vue-layouts has 0 bugs and 0 code smells.

Security

vite-plugin-vue-layouts has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

vite-plugin-vue-layouts code analysis shows 0 unresolved vulnerabilities.

There are 1 security hotspots that need review.

License

vite-plugin-vue-layouts is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

vite-plugin-vue-layouts releases are available to install and integrate.

Installation instructions, examples and code snippets are available.

It has 38 lines of code, 0 functions and 55 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of vite-plugin-vue-layouts

Get all kandi verified functions for this library.

vite-plugin-vue-layouts Key Features

No Key Features are available at this moment for vite-plugin-vue-layouts.

vite-plugin-vue-layouts Examples and Code Snippets

No Code Snippets are available at this moment for vite-plugin-vue-layouts.

Community Discussions

Trending Discussions on vite-plugin-vue-layouts

"import not found" for custom types in Vue 3 (with Vite/Vitesse)

QUESTION

"import not found" for custom types in Vue 3 (with Vite/Vitesse)

Asked 2021-Sep-04 at 20:05

I've got a Vue 3 project running Vitesse (a Vite starter). I've added a custom ProductData type to my src/types.ts, but when I try to use it in one of my pages the page fails to load and I get a few console errors all saying SyntaxError: import not found: ProductData. The path for the import is definitely correct, the type is exported, and I've tried importing from ts files in different locations as well but see the same thing.

Interestingly I do not have any issues importing these types from my store files, just from *.vue files. Any ideas? This post mentions adding some things to shims.d.ts and tsconfig.json, but they didn't make a difference.

EDIT: Forgot to include my tsconfig.json. This is with include from @flydev:

...

ANSWER

Answered 2021-Sep-04 at 20:05

I came across this comment in an issue in vitejs/vite:

There is a know issue in Vue with type imports, it should work if you use the import type form: import type { User } from '~/types'

Changing my import from import { ProductData } from '~/types' to import type { ProductData } from '~/types' seems to fix the problem. Once I fixed my import, I saw the same thing happening with a third-party type, and updating the import fixed that one as well.

Source https://stackoverflow.com/questions/69051856

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install vite-plugin-vue-layouts

Add to your vite.config.js:. In main.ts, you need to add a few lines to import the generated code and setup the layouts.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: