@atoms-studio/nuxt-components
Advanced tools
Comparing version 0.0.0-55830e3 to 0.0.0-bcf42fb
@@ -7,46 +7,35 @@ { | ||
}, | ||
"version": "0.0.0-55830e3", | ||
"version": "0.0.0-bcf42fb", | ||
"license": "MIT", | ||
"files": [ | ||
"dist" | ||
], | ||
"main": "./dist/components.umd.js", | ||
"module": "./dist/components.es.js", | ||
"type": "module", | ||
"exports": { | ||
".": { | ||
"import": "./dist/components.es.js", | ||
"require": "./dist/components.umd.js" | ||
}, | ||
"./dist/style.css": { | ||
"import": "./dist/style.css", | ||
"require": "./dist/style.css" | ||
"import": "./dist/module.mjs", | ||
"require": "./dist/module.cjs" | ||
} | ||
}, | ||
"style": "./dist/style.css", | ||
"engines": { | ||
"node": ">=16.0.0" | ||
}, | ||
"types": "./dist/index.d.ts", | ||
"main": "./dist/module.cjs", | ||
"types": "./dist/types.d.ts", | ||
"files": [ | ||
"dist" | ||
], | ||
"scripts": { | ||
"dev": "vite", | ||
"build": "vue-tsc --noEmit && vite build && yarn build:declarations", | ||
"build:declarations": "vue-tsc src/index.ts --declaration --emitDeclarationOnly --outDir ./dist", | ||
"prepack": "nuxt-module-build", | ||
"dev": "nuxi dev playground", | ||
"dev:build": "nuxi build playground", | ||
"dev:prepare": "nuxt-module-build --stub && nuxi prepare playground", | ||
"test": "vitest --environment jsdom", | ||
"test:ci": "vitest run --environment jsdom", | ||
"coverage": "vitest run --coverage --environment jsdom", | ||
"typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false", | ||
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore" | ||
"devGitHubAction": "nuxi dev playground --port=5050", | ||
"build": "yarn dev:prepare && yarn prepack" | ||
}, | ||
"peerDependencies": { | ||
"vue": "^3.2.31", | ||
"vue-router": "^4.0.12" | ||
"dependencies": { | ||
"@nuxt/kit": "^3.0.0-rc.1", | ||
"@nuxt/schema": "^3.0.0-rc.3" | ||
}, | ||
"devDependencies": { | ||
"vite-dts": "^1.0.4", | ||
"vue": "^3.2.31", | ||
"vue-router": "^4.0.13" | ||
}, | ||
"dependencies": { | ||
"@atoms-studio/composables": "0.0.0-55830e3" | ||
"@nuxt/module-builder": "latest", | ||
"@nuxtjs/eslint-config-typescript": "^10.0.0", | ||
"eslint": "latest", | ||
"nuxt": "npm:nuxt3@latest" | ||
} | ||
} |
@@ -1,64 +0,6 @@ | ||
# Atoms UI Kit / 🎨 Components | ||
# Nuxt Module | ||
Unstyled components that cover most common UI patterns.<br> | ||
Uses Vite in lib mode to build for production.<br> | ||
Uses Vitest to run unit tests. | ||
## Installation | ||
```bash | ||
yarn add @atoms-studio/nuxt-components | ||
``` | ||
Then in your Nuxt 3 project you should import your Nuxt component like this: | ||
```ts | ||
<template> | ||
<div class="wrapper-image-component"> | ||
<AppPicture | ||
:image="image" | ||
:focal-point="focalPoint" | ||
:base64="base" | ||
sizes="md:500px xl:100vw" | ||
/> | ||
</div> | ||
</template> | ||
<script> | ||
import '@atoms-studio/nuxt-components/dist/style.css' | ||
import { AppPicture } from '@atoms-studio/nuxt-components' | ||
export default { | ||
components: { | ||
AppPicture, | ||
}, | ||
data() { | ||
return { | ||
image: { | ||
url: 'https://images.ctfassets.net/w2dr5qwt1rrm/2QTfowm3D2kbkTdoUTtTv2/57fc815c23c0be887f44675413372580/LAxBR_2020.11.12_Final_Product_KV_RVB.jpg', | ||
width: 2500, | ||
height: 1236, | ||
}, | ||
focalPoint: { | ||
x: 1264, | ||
y: 677, | ||
}, | ||
base: 'data:image/jpeg;base64,/9j/2wBDABQODxIPDRQSEBIXFRQYHjIhHhwcHj0sLiQySUBMS0dARkVQWnNiUFVtVkVGZIhlbXd7gYKBTmCNl4x9lnN+gXz/2wBDARUXFx4aHjshITt8U0ZTfHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHz/wAARCAAIABADASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAIE/8QAGxAAAgEFAAAAAAAAAAAAAAAAAAEDAhETMTP/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAMAwEAAhEDEQA/AN80aeqyMDt0QAEM/9k=', | ||
} | ||
}, | ||
} | ||
</script> | ||
``` | ||
## Development | ||
- Components must be written in Typescript | ||
- You can use templates or render functions as you please. | ||
- You can use composables from the [📦 Composables](https://github.com/atoms-studio/ui-kit/tree/next/packages/composables) package. | ||
- You can use Options API, Composition API, `<script setup>` as you see fit. | ||
- Every component must have a unit test suite in the `tests` folder named after it, ie: `test/<componentName>.test.ts`.<br> | ||
- Every component must have an example app in the [ℹ️ Examples](https://github.com/atoms-studio/ui-kit/tree/next/packages/examples) package. | ||
- Every component must have an E2E test that consumes the example app. | ||
To execute unit tests, run `yarn test` in the `packages/nuxt-components` folder.<br> | ||
- Run `npm run dev:prepare` to generate type stubs. | ||
- Use `npm run dev` to start [playground](./playground) in development mode. |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
2
13
2
Yes
21172
4
300
7
1
+ Added@nuxt/kit@^3.0.0-rc.1
+ Added@nuxt/schema@^3.0.0-rc.3
+ Added@ampproject/remapping@2.3.0(transitive)
+ Added@babel/code-frame@7.26.2(transitive)
+ Added@babel/compat-data@7.26.5(transitive)
+ Added@babel/core@7.26.7(transitive)
+ Added@babel/generator@7.26.5(transitive)
+ Added@babel/helper-compilation-targets@7.26.5(transitive)
+ Added@babel/helper-module-imports@7.25.9(transitive)
+ Added@babel/helper-module-transforms@7.26.0(transitive)
+ Added@babel/helper-validator-option@7.25.9(transitive)
+ Added@babel/helpers@7.26.7(transitive)
+ Added@babel/standalone@7.26.7(transitive)
+ Added@babel/template@7.25.9(transitive)
+ Added@babel/traverse@7.26.7(transitive)
+ Added@jridgewell/gen-mapping@0.3.8(transitive)
+ Added@jridgewell/resolve-uri@3.1.2(transitive)
+ Added@jridgewell/set-array@1.2.1(transitive)
+ Added@jridgewell/trace-mapping@0.3.25(transitive)
+ Added@nodelib/fs.scandir@2.1.5(transitive)
+ Added@nodelib/fs.stat@2.0.5(transitive)
+ Added@nodelib/fs.walk@1.2.8(transitive)
+ Added@nuxt/kit@3.15.4(transitive)
+ Added@nuxt/schema@3.15.4(transitive)
+ Added@rollup/pluginutils@5.1.4(transitive)
+ Added@sindresorhus/merge-streams@2.3.0(transitive)
+ Added@types/estree@1.0.6(transitive)
+ Addedacorn@8.14.0(transitive)
+ Addedbraces@3.0.3(transitive)
+ Addedbrowserslist@4.24.4(transitive)
+ Addedc12@2.0.1(transitive)
+ Addedcaniuse-lite@1.0.30001697(transitive)
+ Addedchokidar@4.0.3(transitive)
+ Addedchownr@2.0.0(transitive)
+ Addedcitty@0.1.6(transitive)
+ Addedconfbox@0.1.8(transitive)
+ Addedconsola@3.4.0(transitive)
+ Addedconvert-source-map@2.0.0(transitive)
+ Addeddebug@4.4.0(transitive)
+ Addeddefu@6.1.4(transitive)
+ Addeddestr@2.0.3(transitive)
+ Addeddotenv@16.4.7(transitive)
+ Addedelectron-to-chromium@1.5.92(transitive)
+ Addedescalade@3.2.0(transitive)
+ Addedescape-string-regexp@5.0.0(transitive)
+ Addedestree-walker@3.0.3(transitive)
+ Addedfast-glob@3.3.3(transitive)
+ Addedfastq@1.19.0(transitive)
+ Addedfill-range@7.1.1(transitive)
+ Addedfs-minipass@2.1.0(transitive)
+ Addedgensync@1.0.0-beta.2(transitive)
+ Addedgiget@1.2.4(transitive)
+ Addedglob-parent@5.1.2(transitive)
+ Addedglobals@11.12.0(transitive)
+ Addedglobby@14.0.2(transitive)
+ Addedignore@5.3.27.0.3(transitive)
+ Addedis-extglob@2.1.1(transitive)
+ Addedis-glob@4.0.3(transitive)
+ Addedis-number@7.0.0(transitive)
+ Addedjiti@2.4.2(transitive)
+ Addedjs-tokens@4.0.09.0.1(transitive)
+ Addedjsesc@3.1.0(transitive)
+ Addedjson5@2.2.3(transitive)
+ Addedklona@2.0.6(transitive)
+ Addedknitwork@1.2.0(transitive)
+ Addedlocal-pkg@1.0.0(transitive)
+ Addedlru-cache@5.1.1(transitive)
+ Addedmerge2@1.4.1(transitive)
+ Addedmicromatch@4.0.8(transitive)
+ Addedminipass@3.3.65.0.0(transitive)
+ Addedminizlib@2.1.2(transitive)
+ Addedmkdirp@1.0.4(transitive)
+ Addedmlly@1.7.4(transitive)
+ Addedms@2.1.3(transitive)
+ Addednode-fetch-native@1.6.6(transitive)
+ Addednode-releases@2.0.19(transitive)
+ Addednypm@0.5.2(transitive)
+ Addedohash@1.1.4(transitive)
+ Addedpath-type@5.0.0(transitive)
+ Addedpathe@1.1.22.0.2(transitive)
+ Addedperfect-debounce@1.0.0(transitive)
+ Addedpicomatch@2.3.14.0.2(transitive)
+ Addedpkg-types@1.3.1(transitive)
+ Addedqueue-microtask@1.2.3(transitive)
+ Addedrc9@2.1.2(transitive)
+ Addedreaddirp@4.1.1(transitive)
+ Addedreusify@1.0.4(transitive)
+ Addedrun-parallel@1.2.0(transitive)
+ Addedscule@1.3.0(transitive)
+ Addedsemver@6.3.17.7.1(transitive)
+ Addedslash@5.1.0(transitive)
+ Addedstd-env@3.8.0(transitive)
+ Addedstrip-literal@3.0.0(transitive)
+ Addedtar@6.2.1(transitive)
+ Addedtinyexec@0.3.2(transitive)
+ Addedto-regex-range@5.0.1(transitive)
+ Addedufo@1.5.4(transitive)
+ Addedunctx@2.4.1(transitive)
+ Addedunicorn-magic@0.1.0(transitive)
+ Addedunimport@4.0.0(transitive)
+ Addedunplugin@2.1.2(transitive)
+ Addeduntyped@1.5.2(transitive)
+ Addedupdate-browserslist-db@1.1.2(transitive)
+ Addedwebpack-virtual-modules@0.6.2(transitive)
+ Addedyallist@3.1.14.0.0(transitive)
- Removed@atoms-studio/composables@0.0.0-55830e3(transitive)
- Removed@vue/compiler-core@3.5.13(transitive)
- Removed@vue/compiler-dom@3.5.13(transitive)
- Removed@vue/compiler-sfc@3.5.13(transitive)
- Removed@vue/compiler-ssr@3.5.13(transitive)
- Removed@vue/devtools-api@6.6.4(transitive)
- Removed@vue/reactivity@3.5.13(transitive)
- Removed@vue/runtime-core@3.5.13(transitive)
- Removed@vue/runtime-dom@3.5.13(transitive)
- Removed@vue/server-renderer@3.5.13(transitive)
- Removed@vue/shared@3.5.13(transitive)
- Removedcsstype@3.1.3(transitive)
- Removedentities@4.5.0(transitive)
- Removedminimist@1.2.8(transitive)
- Removedmkdirp@0.5.6(transitive)
- Removednanoid@3.3.8(transitive)
- Removedpostcss@8.5.1(transitive)
- Removedsource-map-js@1.2.1(transitive)
- Removedvue@3.5.13(transitive)
- Removedvue-router@4.5.0(transitive)