Move Vuejs examples to under example directory.

Add it to documentation. Move full journey SSO to use VueJS example
swch · Oct 16, 2024 · a0100c8 · a0100c8
1 parent 4833657
commit a0100c8
Show file tree

Hide file tree

Showing 19 changed files with 21 additions and 7 deletions.
diff --git a/docs/example.md b/docs/example.md
@@ -3,3 +3,4 @@
 - [HTML](https://github.com/swch/Strivve-UX-Components/tree/master/examples/html)
 - [React JS](https://github.com/swch/Strivve-UX-Components/tree/master/examples/react-js)
 - [Next JS](https://github.com/swch/Strivve-UX-Components/tree/master/examples/next-js)
+- [VueJS](https://github.com/swch/Strivve-UX-Components/tree/master/examples/vue-cx-client)
diff --git a/vue-cx-client/.gitignore → examples/vue-cx-client/.gitignore b/vue-cx-client/.gitignore → examples/vue-cx-client/.gitignore
diff --git a/vue-cx-client/.vscode/extensions.json → ...les/vue-cx-client/.vscode/extensions.json b/vue-cx-client/.vscode/extensions.json → ...les/vue-cx-client/.vscode/extensions.json
diff --git a/vue-cx-client/README.md → examples/vue-cx-client/README.md b/vue-cx-client/README.md → examples/vue-cx-client/README.md
diff --git a/vue-cx-client/index.html → examples/vue-cx-client/index.html b/vue-cx-client/index.html → examples/vue-cx-client/index.html
diff --git a/vue-cx-client/package.json → examples/vue-cx-client/package.json b/vue-cx-client/package.json → examples/vue-cx-client/package.json
diff --git a/vue-cx-client/public/vite.svg → examples/vue-cx-client/public/vite.svg b/vue-cx-client/public/vite.svg → examples/vue-cx-client/public/vite.svg
diff --git a/vue-cx-client/src/App.vue → examples/vue-cx-client/src/App.vue b/vue-cx-client/src/App.vue → examples/vue-cx-client/src/App.vue
@@ -15,11 +15,24 @@ export default {
     return {
       instance: "pkumar",
       card: {
-        pan: '4111111111111111',
-            cvv: '321',
-            expiration_month: '2',
-            expiration_year: '24',
-            name_on_card: 'Mvick',
+        pan: '5556710082949240',
+        cvv: '716',
+        expiration_month: '01',
+        expiration_year: '28',
+        name_on_card: 'Annemarie Marcus',
+        address: {
+          city: 'Kirkland',
+          postal_code: '98034',
+          country: 'USA',
+          first_name: 'Annemarie',
+          last_name: 'Marcus',
+          email: 'jane@test.com',
+          phone_number: '2065555555',
+          address1: '10250 NE 121st ST',
+          state: 'WA',
+          subnational: 'WA',
+          is_primary: true,
+        },
       },
       appearance: {
         layout: {

diff --git a/vue-cx-client/src/assets/vue.svg → examples/vue-cx-client/src/assets/vue.svg b/vue-cx-client/src/assets/vue.svg → examples/vue-cx-client/src/assets/vue.svg
diff --git a/...-client/src/components/LinkingJourney.vue → ...-client/src/components/LinkingJourney.vue b/...-client/src/components/LinkingJourney.vue → ...-client/src/components/LinkingJourney.vue
diff --git a/...client/src/components/SelectMerchants.vue → ...client/src/components/SelectMerchants.vue b/...client/src/components/SelectMerchants.vue → ...client/src/components/SelectMerchants.vue
diff --git a/vue-cx-client/src/main.ts → examples/vue-cx-client/src/main.ts b/vue-cx-client/src/main.ts → examples/vue-cx-client/src/main.ts
diff --git a/vue-cx-client/src/style.css → examples/vue-cx-client/src/style.css b/vue-cx-client/src/style.css → examples/vue-cx-client/src/style.css
diff --git a/vue-cx-client/src/vite-env.d.ts → examples/vue-cx-client/src/vite-env.d.ts b/vue-cx-client/src/vite-env.d.ts → examples/vue-cx-client/src/vite-env.d.ts
diff --git a/vue-cx-client/tsconfig.json → examples/vue-cx-client/tsconfig.json b/vue-cx-client/tsconfig.json → examples/vue-cx-client/tsconfig.json
diff --git a/vue-cx-client/tsconfig.node.json → examples/vue-cx-client/tsconfig.node.json b/vue-cx-client/tsconfig.node.json → examples/vue-cx-client/tsconfig.node.json
diff --git a/vue-cx-client/vite.config.ts → examples/vue-cx-client/vite.config.ts b/vue-cx-client/vite.config.ts → examples/vue-cx-client/vite.config.ts
diff --git a/vue-cx-client/vue-cx-client.iml → examples/vue-cx-client/vue-cx-client.iml b/vue-cx-client/vue-cx-client.iml → examples/vue-cx-client/vue-cx-client.iml
diff --git a/src/stories/ExampleFullJourneySSO.mdx b/src/stories/ExampleFullJourneySSO.mdx
@@ -9,9 +9,9 @@ import Readme from '../../docs/example.md';
 ### Preview only. Click 'Open Sandbox' to edit the editor.
 
 <iframe
-  src="https://codesandbox.io/embed/github/swch/Strivve-UX-Components/tree/master/examples/next-js?fontsize=14&hidenavigation=1&theme=dark"
+  src="https://codesandbox.io/embed/github/swch/Strivve-UX-Components/tree/master/examples/vue-cx-client?fontsize=14&hidenavigation=1&theme=dark"
   style={{ width: '100%', height: '600px', background: 'black', border: '0', borderRadius: '4px', overflow: 'hidden' }}
-  title="swch/Strivve-UX-Components: next-js"
+  title="swch/Strivve-UX-Components: vuejs"
   allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 />