jojomatik / nuxt-3-base Goto Github PK
View Code? Open in Web Editor NEWA nuxt 3 project with vue3, vuetify, vue-i18n translation and composition API.
Home Page: https://nuxt.jojomatik.de/
License: MIT License
A nuxt 3 project with vue3, vuetify, vue-i18n translation and composition API.
Home Page: https://nuxt.jojomatik.de/
License: MIT License
Is your feature request related to a problem? Please describe.
There is no machine-readable structured report of all licenses of all dependencies included in the production build.
Describe the solution you'd like
It is required to automatically generate a report and include it in the public
directory (or anywhere else it can be requested from). While scanning the license, I also need a way to filter out specific allowed (e.g. MIT
, ISC
) and disallowed licenses (e.g. GPL
) and to error out the build if one of the disallowed licenses is found.
The report needs to contain the following information as structured data:
Describe alternatives you've considered
I'd be willing to write a parser for my package-lock.json
including only dependencies without the dev: true
flag. As nuxt3 is only one dependency (which following the docs should be installed as a dev-dependency) none of the dependencies would show up as production dependencies, even though they clearly are (e.g. vue itself). This woul require a list of packages that are used in production/ only during development.
Additional context
In my current project (Vue 2 without nuxt) I use license-checker-webpack-plugin to generate this report. I copied the snippet into nuxt.config.ts
.
import { defineNuxtConfig } from "nuxt3";
import LicenseCheckerWebpackPlugin from "license-checker-webpack-plugin";
// https://v3.nuxtjs.org/docs/directory-structure/nuxt.config
export default defineNuxtConfig({
...
build: {
plugins: [
new LicenseCheckerWebpackPlugin({
allow:
"(Apache-2.0 OR BSD-2-Clause OR BSD-3-Clause OR MIT OR 0BSD OR ISC)",
emitError: true,
outputFilename: "ThirdPartyNotices.txt",
}),
],
},
});
Neither do I find the report in the .output
directory, nor do I receive error messages, if I only allow BSD-2-Clause licenses for example. I've read in another issue that nuxt 2 nuxt/nuxt#7173 (comment) generated such a report, is this still possible in nuxt 3?
See also a discussion I opened in the nuxt project https://github.com/nuxt/framework/discussions/3376
vue-class-component
and vue-property-decorator
seem to be abandoned. Maybe we should drop class style components...
Originally posted by @jojomatik in #4 (comment)
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
If applicable, add screenshots to help explain your problem.
Environment:
Additional context
Add any other context about the problem here.
Describe the bug
SCSS in a scoped style
tag is not scoped anymore.
In a clean Vue3-project, this still works.
CSS in a scoped style
tag will apply to the whole application.
To Reproduce
Steps to reproduce the behavior:
scoped
style for a class test
test
in another component to a divExpected behavior
Scoped scss should only apply to the component in which it is defined.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Describe the bug
A warning message is shown running npm run build
@rushstack/eslint-patch doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix.
To Reproduce
72e01dd
Expected behavior
No warning is shown.
Screenshots
n.a.
Environment:
Additional context
See also https://rushstack.zulipchat.com/#narrow/stream/262513-general/topic/Warning.20in.20nuxt3/near/273355811
Description
This is a list of all requirements that are not yet met by this project or the dependencies of the project. Version 1.0.0 will be released if all of these requirements are met. This list is subject to change, if new requirements come up.
3.0.0+
(released)
3.0.0+
(released)8.0.0+
(released)Is your feature request related to a problem? Please describe.
This rule is blocking components like Snackbar
, which is a valid name.
Describe the solution you'd like
Disable this eslint rule to support more component names.
Additional context
Rule link.
Describe the bug
Google fonts load after the page which makes the page load slightly slower.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
Google fonts should be preloaded
Screenshots
Not applicable
Environment:
Additional context
Not applicable
Describe the bug
Using i18n function $t
with more than one parameter directly in a template shows linting warning. Using it in the script
section works properly.
To Reproduce
Lines 4 to 5 in e0729a2
Expected behavior
No linting warning is shown.
Environment:
Additional context
It is currently unclear whether this is an issue with Webstorm, vue-i18n, the linting configuration or if this project missed an essential step of implementing vue-i18n in 9e4fd4b.
Describe the bug
The build fails for the new nuxt version.
PR run: https://github.com/jojomatik/nuxt-3-base/runs/5617517319?check_suite_focus=true
[log] Nuxt CLI v3.0.0-2746048[9](https://github.com/jojomatik/nuxt-3-base/runs/5617517319?check_suite_focus=true#step:7:9).53fbca7
[warn] Error when using sourcemap for reporting an error: Can't resolve original location of error.
Error: Duplicate export 'default' (Note that you need plugins to import files that are not JavaScript)
file: virtual:/home/runner/work/nuxt-3-base/nuxt-3-base/.nuxt/intlify.vuei18n.options.mjs:3:7
1:
2: export default () => Promise.resolve({"locale":"en","fallbackLocale":"en"})
3: export default () => Promise.resolve({"locale":"en","fallbackLocale":"en"})
^
Error: Duplicate export 'default' (Note that you need plugins to import files that are not JavaScript)
at error (node_modules/rollup/dist/shared/rollup.js:198:30)
at Module.error (node_modules/rollup/dist/shared/rollup.js:[12](https://github.com/jojomatik/nuxt-3-base/runs/5617517319?check_suite_focus=true#step:7:12)477:[16](https://github.com/jojomatik/nuxt-3-base/runs/5617517319?check_suite_focus=true#step:7:16))
at Module.tryParse (node_modules/rollup/dist/shared/rollup.js:12853:25)
at Module.setSource (node_modules/rollup/dist/shared/rollup.js:12756:24)
at ModuleLoader.addModuleSource (node_modules/rollup/dist/shared/rollup.js:222[20](https://github.com/jojomatik/nuxt-3-base/runs/5617517319?check_suite_focus=true#step:7:20):20)
Error: Process completed with exit code 1.
It seems to be related to @intlify/nuxt3
.
To Reproduce
Diff: https://github.com/jojomatik/nuxt-3-base/pull/17/files
Expected behavior
The build does not fail.
Screenshots
Not applicable.
Environment:
Additional context
I've opened an issue in the @intlify/nuxt3
repo: intlify/nuxt3#47
Describe the bug
Vue 3 supports to have multiple root-elements in the template. This active rule prevents it at the moment.
To Reproduce
Steps to reproduce the behavior:
div
s in the template
Expected behavior
Since Vue3 supports it, this shouldn't be enabled.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
Describe the solution you'd like
A clear and concise description of what you want to happen.
Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
Additional context
Add any other context or screenshots about the feature request here.
Is your feature request related to a problem? Please describe.
Each and every browser, OS and other use cases require different sizes of the favicon. It is tedious to create them manually.
Describe the solution you'd like
We should try to create these versions automatically with @nuxt/image
and implement them in the head.
Describe alternatives you've considered
Create a nuxt plugin that takes care of this or improve @nuxt/image
.
Additional context
nuxt/image#975
Describe the bug
@VModel
annotation does not exist
To Reproduce
import { VModel } from 'vue-property-decorator';
Expected behavior
@VModel
annotation does exist or a reasonable alternative is found.
Environment:
n.a.
Additional context
This issue is also tracked in kaorun343/vue-property-decorator#415 although neither did the creator of the issue nor did I received a response from the maintainer @kaorun343.
Describe the solution you'd like
app.vue
with a <NuxtPage>
as examplemain.scss
and include it in the app.vue
index.vue
to a speaking name. The directories should be used for sub-pagesrouteRule
for /
or so in the nuxt.config.js
vuetify.ts
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.