如何在VueJs组件中嵌入LinkedIn配置文件

npm install linkedin-sign-in

<template>
  <div>
    <button @click="loginWithLinkedIn">Login with LinkedIn</button>
    <div v-if="profile">
      <h2>{{ profile.firstName }} {{ profile.lastName }}</h2>
      <p>{{ profile.headline }}</p>
      <!-- 显示LinkedIn配置文件的其他信息 -->
    </div>
  </div>
</template>

<script>
import { LinkedIn } from 'linkedin-sign-in';

export default {
  data() {
    return {
      profile: null,
    };
  },
  methods: {
    loginWithLinkedIn() {
      LinkedIn.signIn().then((user) => {
        // 用户成功登录LinkedIn后的处理逻辑
        this.profile = user;
      }).catch((error) => {
        // 处理登录错误
        console.error(error);
      });
    },
  },
};
</script>

import { LinkedIn } from 'linkedin-sign-in';

LinkedIn.init({
  clientId: 'YOUR_CLIENT_ID',
  redirectUri: 'YOUR_REDIRECT_URI',
});

<template>
  <div>
    <!-- 其他页面内容 -->
    <linkedin-profile></linkedin-profile>
  </div>
</template>

<script>
import LinkedInProfile from './components/LinkedInProfile.vue';

export default {
  components: {
    LinkedInProfile,
  },
};
</script>