tonickkozlov / vue-tweet-embed Goto Github PK
View Code? Open in Web Editor NEWEmbed tweets in your vue.js app
Embed tweets in your vue.js app
I am getting following error in console: A cookie associated with a cross-site resource at was set without the SameSite
attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None
and Secure
. You can review cookies in developer tools under Application>Storage>Cookies and see more details at and .
it would be great if it could display tweets within a Moment as well. Is that something that could be added at some point? Pass the "id" for a Moment instead of a single tweet value.
My Tweet ID is pulled using the Buffer API and I would like to make it as the Tweet ID.
I have tried but it does not seem to work (or probably I am missing something. I am still quite new to Vue JS)..
Code: -
<template>
<div>
<Tweet :id="status" :options="{ theme: 'dark' }">
<p>Loading...</p>
</Tweet>
</div>
</template>
<script>
import { Tweet, Moment, Timeline } from "vue-tweet-embed";
import axios from "axios";
export default {
components: {
Tweet
},
data() {
return {
status: "",
};
},
created() {
axios
.get(
"..."
)
.then(response => {
this.status = String(response.data.updates[0].service_update_id);
})
.catch(err => {
console.log(err);
});
}
};
</script>
Hey, loving the package so far - however we started testing for a release and noticed that the package has not got a transpiled version bundled.
Would you consider including a backward compatible version in the distribution?
Thanks
When using it as timeline there is no scroll functionality, but this happens because there is no height restriction anymore. Also, :options="{height: 500}"
doesn't work.
Uncaught Exception: index.spec.js
Error: Couldn't find preset "es2017" relative to directory "E:\Projects\vue-
tweet-embed"
at E:\Projects\vue-tweet-embed\node_modules\babel-core\lib\transformation\fi
le\options\option-manager.js:293:19
at Array.map (native)
at OptionManager.resolvePresets (E:\Projects\vue-tweet-embed\node_modules\ba
bel-core\lib\transformation\file\options\option-manager.js:275:20)
at OptionManager.mergePresets (E:\Projects\vue-tweet-embed\node_modules\babe
l-core\lib\transformation\file\options\option-manager.js:264:10)
at OptionManager.mergeOptions (E:\Projects\vue-tweet-embed\node_modules\babe
l-core\lib\transformation\file\options\option-manager.js:249:14)
at OptionManager.init (E:\Projects\vue-tweet-embed\node_modules\babel-core\l
ib\transformation\file\options\option-manager.js:368:12)
at File.initOptions (E:\Projects\vue-tweet-embed\node_modules\babel-core\lib
\transformation\file\index.js:212:65)
at new File (E:\Projects\vue-tweet-embed\node_modules\babel-core\lib\transfo
rmation\file\index.js:135:24)
at Pipeline.transform (E:\Projects\vue-tweet-embed\node_modules\babel-core\l
ib\transformation\pipeline.js:46:16)
at CachingPrecompiler._transform (E:\Projects\vue-tweet-embed\node_modules\a
va\lib\caching-precompiler.js:41:29)
at transform (E:\Projects\vue-tweet-embed\node_modules\caching-transform\ind
ex.js:43:10)
at CachingPrecompiler.transform (E:\Projects\vue-tweet-embed\node_modules\ca
ching-transform\index.js:60:17)
at CachingPrecompiler.precompileFile (E:\Projects\vue-tweet-embed\node_modul
es\ava\lib\caching-precompiler.js:27:9)
at Api._runFile (E:\Projects\vue-tweet-embed\node_modules\ava\api.js:56:33)
at resolve (E:\Projects\vue-tweet-embed\node_modules\ava\api.js:237:24)
From previous event:
at Api._runWithoutPool (E:\Projects\vue-tweet-embed\node_modules\ava\api.js:
234:5)
at _precompileHelpers.then (E:\Projects\vue-tweet-embed\node_modules\ava\api
.js:161:23)
From previous event:
at Api._run (E:\Projects\vue-tweet-embed\node_modules\ava\api.js:150:5)
at AvaFiles.findTestFiles.then.files (E:\Projects\vue-tweet-embed\node_modul
es\ava\api.js:70:24)
From previous event:
at Api.run (E:\Projects\vue-tweet-embed\node_modules\ava\api.js:70:5)
at Object.exports.run (E:\Projects\vue-tweet-embed\node_modules\ava\lib\cli.
js:168:7)
at Object. (E:\Projects\vue-tweet-embed\node_modules\ava\cli.js:2
2:24)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.runMain (module.js:605:10)
at run (bootstrap_node.js:418:7)
at startup (bootstrap_node.js:139:9)
at bootstrap_node.js:533:3
0 tests passed [18:21:14]
1 uncaught exception
the error-message does not concat var value with it.
can any one guide.
i tried this:
<tweet error-message="'Sorry the tweet'+tweet_id+'is not available'"></tweet>
Hi, I am receiving in IE11 an error saying expected identifier
stack "SyntaxError: Expected identifier\n at ./node_modules/vue-tweet-embed/timeline/index.js (http://localhost:8080/app.js:4233:1)\n at ....
Do you know how can I solve this?
Thank you
I am trying to display a Tweet in IOS using cordova but the tweet doesn't load and I don't get any exception in console:
Cordova version 8.1.2
Vue version 2.5.17
βοΈ Important announcement: Greenkeeper will be saying goodbye π and passing the torch to Snyk on June 3rd, 2020! Find out how to migrate to Snyk and more at greenkeeper.io
devDependency
@babel/cli was updated from 7.8.3
to 7.8.4
.devDependency
@babel/core was updated from 7.8.7
to 7.9.0
.devDependency
@babel/preset-env was updated from 7.8.7
to 7.9.0
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.
babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
I am trying to load tweet and other html element together.
so can anyone suggest or guide how can i do it?
Wondering if there has been any breaking change happening in the last days. It was working on my production page for months and now suddenly tweets are not rendering, I am also not finding any error trace.
Timeline not working?
Like in https://github.com/andrewsuzuki/react-twitter-widgets/blob/HEAD/site/screenshot.png
As it can display loader, how to display any message or image if tweet is deleted or not available?
While changing and running script it throws this error.
not able to run npm test
I tried with css but it doesn't work within the iframe
.timeline-Tweet--isRetweet {
display: none;
}
Help Wanted
Can we have any example or demo?
i am not getting how to use it in vuejs webpack template.
βοΈ Important announcement: Greenkeeper will be saying goodbye π and passing the torch to Snyk on June 3rd, 2020! Find out how to migrate to Snyk and more at greenkeeper.io
14.1.0
to 14.1.1
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
eslint-config-standard is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
The new version differs by 7 commits.
3f4a3fe
14.1.1
2a14319
Merge pull request #164 from standard/remove-no-return-await
243d38f
Remove no-return-await rule
eb187de
chore: .npmrc with package-lock=false (#155)
dcf95fe
chore: .npmrc with package-lock=false
e5e81a8
Merge pull request #153 from standard/greenkeeper/eslint-plugin-node-10.0.0
83ba3be
chore(package): update eslint-plugin-node to version 10.0.0
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
When I build my site the pages where the timeline appears are breaking leaving my site rendered incorrectly
Digging in the code I find:
Uncaught SyntaxError: Unexpected token <
Then looking at my source code there is an src link with no https:, the issue is the // is being seen as js and the rest of the code on this line seems to be ignored breaking the rendering
<script src="//platform.twitter.com/widgets.js" defer></script>
4.41.2
to 4.41.3
.π¨ View failing branch.
This version is covered by your current version range and after updating it in your project the build failed.
webpack is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.
The new version differs by 5 commits.
df9f3eb
4.41.3
fe71d68
Merge pull request #10010 from webpack/funding
b396d96
Merge pull request #10123 from pustovalov/webpack-4-serialize
29b2bdd
Update terser-webpack-plugin to ^1.4.3
bedb566
chore: funding
field
See the full diff
There is a collection of frequently asked questions. If those donβt help, you can always ask the humans behind Greenkeeper.
Your Greenkeeper Bot π΄
index.js?44d8:90
Uncaught (in promise) TypeError: h is not a function
at Proxy.render (webpack-internal:///./node_modules/vue-tweet-embed/dist/core/index.js:90:14)
at renderComponentRoot (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:1050:44)
at ReactiveEffect.componentUpdateFn [as fn] (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5167:57)
at ReactiveEffect.run (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:203:25)
at setupRenderEffect (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5293:9)
at mountComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5076:9)
at processComponent (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:5034:17)
at patch (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4635:21)
at mountChildren (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4822:13)
at mountElement (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js:4731:17)
Unknown custom element: <Tweet> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
i had update all packages and then i face this issue and got above error.
i reinstall 1.2.1 and did not get any such error with it, without any code change.
i am using webpack vue template.
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.