{"id":13697560,"url":"https://github.com/lukasjhan/furo-sample-vue","last_synced_at":"2025-03-30T13:42:47.701Z","repository":{"id":160300895,"uuid":"635172002","full_name":"lukasjhan/furo-sample-vue","owner":"lukasjhan","description":"Vue sample code for Furo","archived":false,"fork":false,"pushed_at":"2023-11-02T22:00:39.000Z","size":391,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-05T15:34:49.366Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lukasjhan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-05-02T05:51:34.000Z","updated_at":"2023-05-02T05:52:06.000Z","dependencies_parsed_at":"2023-05-05T21:12:56.550Z","dependency_job_id":null,"html_url":"https://github.com/lukasjhan/furo-sample-vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasjhan%2Ffuro-sample-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasjhan%2Ffuro-sample-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasjhan%2Ffuro-sample-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lukasjhan%2Ffuro-sample-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lukasjhan","download_url":"https://codeload.github.com/lukasjhan/furo-sample-vue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246326599,"owners_count":20759436,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-02T18:01:00.190Z","updated_at":"2025-03-30T13:42:47.680Z","avatar_url":"https://github.com/lukasjhan.png","language":"JavaScript","funding_links":[],"categories":["Samples"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./furo.svg\" alt=\"Furo Logo\" width=\"400\" height=\"240\"\u003e\n\u003c/p\u003e\n\n# Furo Vue Sample Project\n\nCheck Furo's [Official Documentation](https://docs.furo.one/react-sdk).\n\n## FuroProvider\n\nThis is a component required for the Furo plugin implementation function, and all paths to use the Furo SDK must be wrapped.\n\n```javascript\n\u003ctemplate\u003e\n  \u003cimg id=\"logo\" alt=\"Vue logo\" src=\"./assets/furo.svg\" /\u003e\n  \u003cFuroProvider\n    :domain=\"`https://auth.furo.one`\"\n    :clientId=\"clientId\"\n    :redirectUri=\"origin + `/${clientId}`\"\n    :apiUrl=\"`https://api.furo.one`\"\n  \u003e\n    \u003cBoard /\u003e\n  \u003c/FuroProvider\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport FuroProvider from \"./components/FuroProvider.vue\";\nimport Board from \"./components/Board.vue\";\n\nexport default {\n  name: \"App\",\n  components: {\n    FuroProvider,\n    Board,\n  },\n  setup() {\n    return {\n      clientId: \"Input Client ID in App.vue\",\n      origin: window.location.origin,\n    };\n  },\n};\n\u003c/script\u003e\n```\n\n### Parameters\n\n| Name        | Type   | Description                                                                                        | Required |\n| ----------- | ------ | -------------------------------------------------------------------------------------------------- | -------- |\n| domain      | string | Using loginWithRedirect The login page to redirect to, using the default of https://auth.furo.one. | Yes      |\n| clientId    | string | This is the client identifier assigned when creating the Furo project.                             | Yes      |\n| redirectUri | string | This is the uri of the page to go to after login.                                                  | Yes      |\n\n## useFuro\n\nThis is a hook that provides the Furo SDK instance.\n\n```javascript\n\u003ctemplate\u003e\n  \u003cdiv class=\"test\"\u003e\n    \u003cbutton @click=\"loginWithRedirect\"\u003elogin\u003c/button\u003e\n    \u003cbutton @click=\"logout\" :disabled=\"!isAuthenticated\"\u003elogout\u003c/button\u003e\n    \u003ch1\u003eID: {{ cid }}\u003c/h1\u003e\n    \u003ccode\u003e\n      \u003ch2\u003eUser\u003c/h2\u003e\n      \u003cpre\u003e{{ data }}\u003c/pre\u003e\n    \u003c/code\u003e\n  \u003c/div\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport useFuro from \"../composables/use-furo\";\n\nexport default {\n  name: \"TestPage\",\n  setup() {\n    const { clientId, loginWithRedirect, logout, isAuthenticated, user } =\n      useFuro();\n    return {\n      cid: clientId,\n      data: user,\n      loginWithRedirect,\n      logout,\n      isAuthenticated,\n    };\n  },\n};\n\u003c/script\u003e\n```\n\n### Property\n\n- loginWithRedirect\n\nThis function moves to the domain specified by FuroProvider.\n\n```javascript\nconst loginWithRedirect: () =\u003e void;\n```\n\n- logOut\n\nThis is the logout function.\n\n```javascript\nconst logout: () =\u003e void;\n```\n\n- isLoading\n\nA status value that takes true if login is in progress, false otherwise.\n\n```javascript\nconst isLoading: boolean;\n```\n\n- isAuthenticated\n\nA state value that holds true if logged in and false if not logged in.\n\n```javascript\nconst isAuthenticated: boolean;\n```\n\n- user\n\nA user object containing login information.\n\n```javascript\nconst isAuthenticated: User;\n```\n\n## Project setup\n\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n\n```\nyarn serve\n```\n\n### Compiles and minifies for production\n\n```\nyarn build\n```\n\n### Lints and fixes files\n\n```\nyarn lint\n```\n\n### Customize configuration\n\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasjhan%2Ffuro-sample-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flukasjhan%2Ffuro-sample-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flukasjhan%2Ffuro-sample-vue/lists"}