An error is occurring at the line "word.classList.add('tag')". When I initially tried adding a class here using "if (word.includes('@')) {}", I encountered the same error. This led me to believe that I needed to push words into a new array and loop through them again, but it seems that the issue lies elsewhere.
export default {
data() {
return {
tweets: [],
currentPage: 1,
numberOfPages: 0,
showPagination: 5,
newPage: 0,
text: [],
arrayOfWords: [],
}
},
methods: {
getTweets(newCurrent) {
this.tweets = []
const API_URL = `${this.$server}/api/twitter/tweets`
const params = {
token: getUserToken(),
page: this.$route.query.page,
newCurrentPage: newCurrent,
}
axios.post(API_URL, null, { params }).then(res => {
this.currentPage = res.data.page
this.numberOfPages = res.data.numberOfPages
res.data.tweets.forEach(tweet => {
const tweetData = {
id: tweet.id,
tweet_text: tweet.tweet_text,
twitter_name: tweet.twitter_name,
twitter_username: tweet.twitter_username,
added_at: moment(String(tweet.added_at)).format('MM/DD/YYYY hh:mm'),
}
this.tweets.push(tweetData)
this.text.push(tweet.tweet_text)
})
this.tweets.forEach(tweet => {
tweet.tweet_text.split(' ').forEach(word => {
if (word.includes('@')) {
this.arrayOfWords.push(word)
}
})
})
this.arrayOfWords.forEach(word => {
word.classList.add('tag')
console.log(word)
})
})
},
}