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

There have been updates to the babel7 monorepo:

• • The devDependency @babel/cli was updated from 7.8.3 to 7.8.4.

• The devDependency @babel/core was updated from 7.8.7 to 7.9.0.
• The 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.

Your Greenkeeper Bot 🌴

it is not working :(

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

The devDependency eslint-config-standard was updated from 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.

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>

The devDependency webpack was updated from 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.

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.