intact-vue
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "intact-vue", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "A compatibility layer for running intact component in vue", | ||
"main": "dist/index.js", | ||
"main": "index.js", | ||
"module": "dist/index.esm.js", | ||
"typings": "dist/index.d.ts", | ||
"scripts": { | ||
"test": "karma start karma.config.js", | ||
"build": "rollup -c rollup.config.js", | ||
"cover": "COVER=true karma start karma.config.js", | ||
"build": "run-p build:** && npm run types", | ||
"build:es:dev": " npm run rollup -- --env=development --name=index --ext=esm.dev.js --format=es --minify=false", | ||
"build:es:prod": " npm run rollup -- --env=production --name=index --ext=esm.prod.js --format=es --minify=false", | ||
"build:es": " npm run rollup -- --env=unknown --name=index --ext=esm.js --format=es --minify=false --replace=false", | ||
"build:cjs:dev": " npm run rollup -- --env=development --name=index --ext=cjs.dev.js --format=cjs --minify=false", | ||
"build:cjs:prod": "npm run rollup -- --env=production --name=index --ext=cjs.prod.js --format=cjs --minify=false", | ||
"rollup": "node ./scripts/build.js", | ||
"types": "node ./scripts/typings.js", | ||
"release": "npm run release-patch", | ||
"prelease": "npm version prerelease && git push --tags --force && git push && npm publish", | ||
"release-patch": "npm version patch && git push --tags && git push && npm publish", | ||
"release-minor": "npm version minor && git push --tags && git push && npm publish", | ||
"release-major": "npm version major && git push --tags && git push && npm publish" | ||
"prelease": "npm version prerelease && git push --tags --force && git push && npm publish -- --tag=next", | ||
"release-patch": "npm version patch && git push --tags && git push && npm publish -- --tag=next", | ||
"release-minor": "npm version minor && git push --tags && git push && npm publish -- --tag=next", | ||
"release-major": "npm version major && git push --tags && git push && npm publish -- --tag=next" | ||
}, | ||
@@ -22,4 +32,8 @@ "repository": { | ||
"vue", | ||
"intact-vue" | ||
"intact-vue", | ||
"intact-vue-next" | ||
], | ||
"files": [ | ||
"dist" | ||
], | ||
"author": "Javey", | ||
@@ -32,4 +46,4 @@ "license": "MIT", | ||
"peerDependencies": { | ||
"vue": "^3.0.0", | ||
"intact": "^2.5.4" | ||
"intact": "^3.0.0-beta.10", | ||
"vue": "^3.0.0" | ||
}, | ||
@@ -43,3 +57,8 @@ "devDependencies": { | ||
"@babel/preset-env": "^7.12.11", | ||
"@babel/preset-typescript": "^7.15.0", | ||
"@rollup/plugin-babel": "^5.2.2", | ||
"@rollup/plugin-replace": "^3.0.0", | ||
"@types/chai": "^4.2.21", | ||
"@types/mocha": "^9.0.0", | ||
"@types/sinon": "^10.0.2", | ||
"@vue/compiler-sfc": "^3.0.5", | ||
@@ -50,4 +69,7 @@ "babel-loader": "^8.2.2", | ||
"html-webpack-plugin": "^3.2.0", | ||
"intact": "^2.5.15", | ||
"intact": "^3.0.0-beta.10", | ||
"istanbul-instrumenter-loader": "^3.0.1", | ||
"karma": "^5.2.3", | ||
"karma-chrome-launcher": "^3.1.0", | ||
"karma-coverage-istanbul-reporter": "^3.0.3", | ||
"karma-mocha": "^1.3.0", | ||
@@ -57,9 +79,15 @@ "karma-sinon-chai": "^1.3.3", | ||
"karma-webpack": "^4.0.2", | ||
"merge-dirs": "^0.2.1", | ||
"minimist": "^1.2.5", | ||
"mocha": "^4.0.1", | ||
"npm-run-all": "^4.1.5", | ||
"rimraf": "^3.0.2", | ||
"rollup": "^2.36.1", | ||
"rollup-plugin-terser": "^7.0.2", | ||
"rollup-plugin-typescript2": "^0.30.0", | ||
"sinon": "^4.1.3", | ||
"sinon-chai": "^2.14.0", | ||
"style-loader": "^2.0.0", | ||
"vdt": "^1.3.1", | ||
"vdt-loader": "^1.3.1", | ||
"typescript": "^4.2.4", | ||
"vdt-loader": "^3.0.0-beta.1", | ||
"vue": "^3.0.5", | ||
@@ -73,4 +101,4 @@ "vue-loader": "^16.1.2", | ||
"dependencies": { | ||
"@babel/runtime": "^7.12.5" | ||
"tslib": "^2.3.1" | ||
} | ||
} |
# intact-vue | ||
A compatibility layer for running [Intact][1] component in [Vue][2]. | ||
A compatibility layer for running [Intact][1] component in [Vue-Next][2]. | ||
@@ -8,11 +8,11 @@ ## Usage | ||
```js | ||
import Vue from 'vue'; | ||
import Intact from 'intact-vue'; | ||
import {createApp} from 'vue'; | ||
import {Component} from 'intact-vue'; | ||
class IntactComponent extends Intact { | ||
get template() { | ||
return `<button ev-click={self.onClick.bind(self)}> | ||
click {self.get('value')} | ||
</button>`; | ||
} | ||
class IntactComponent extends Component { | ||
static template = ` | ||
<button ev-click={this.onClick.bind(this)}> | ||
click {this.get('value')} | ||
</button> | ||
`; | ||
@@ -27,4 +27,3 @@ onClick() { | ||
document.body.appendChild(container); | ||
const vue = new Vue({ | ||
el: container, | ||
createApp({ | ||
data: { | ||
@@ -43,3 +42,3 @@ count: 0, | ||
components: {IntactComponent} | ||
}); | ||
}).mount(container); | ||
``` | ||
@@ -68,4 +67,2 @@ | ||
2. ~~Intact does not support `scoped`. You should avoid using them. Use className to limit style instead of.~~ | ||
3. [Multiple values][3] style is not supported. | ||
@@ -72,0 +69,0 @@ |
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
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
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
113156
14
2799
45
69
2
+ Addedtslib@^2.3.1
+ Addedintact@3.0.40(transitive)
+ Addedintact-shared@3.0.40(transitive)
+ Addedmisstime@3.0.40(transitive)
+ Addedtslib@2.8.1(transitive)
+ Addedvdt@3.0.40(transitive)
+ Addedvdt-compiler@3.0.40(transitive)
- Removed@babel/runtime@^7.12.5
- Removed@babel/runtime@7.26.9(transitive)
- Removedintact@2.5.16(transitive)
- Removedregenerator-runtime@0.14.1(transitive)