{"id":21557233,"url":"https://github.com/kernel-loophole/vue.js","last_synced_at":"2026-01-03T15:51:34.723Z","repository":{"id":115786147,"uuid":"423858469","full_name":"kernel-loophole/Vue.js","owner":"kernel-loophole","description":"Vue.js programming","archived":false,"fork":false,"pushed_at":"2022-03-11T19:09:23.000Z","size":7419,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-24T10:46:47.224Z","etag":null,"topics":["vue-components","vue-router","vue-slots"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/kernel-loophole.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-02T13:39:04.000Z","updated_at":"2023-10-19T12:17:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"429d51ce-08c7-40b9-9715-d14cf3700d4f","html_url":"https://github.com/kernel-loophole/Vue.js","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/kernel-loophole%2FVue.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2FVue.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2FVue.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kernel-loophole%2FVue.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kernel-loophole","download_url":"https://codeload.github.com/kernel-loophole/Vue.js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244148494,"owners_count":20406196,"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":["vue-components","vue-router","vue-slots"],"created_at":"2024-11-24T08:11:42.744Z","updated_at":"2026-01-03T15:51:34.686Z","avatar_url":"https://github.com/kernel-loophole.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vue\nVue.js \n# Vue Components\n```javascript\nVue.createApp({\n                data() {\n                    return {\n                        myplans: ['test', 'hello', 'make-it']\n                    }\n                }\n\n\n            })\n            .component('paln', {\n                template: \"#test_it\",\n                props: {\n                    name: {\n                        type: String,\n                        required: true\n                    },\n                }\n            })    \n            \n```\n# Vue Methods\n```javascript\n   let myapp = Vue.createApp({\n            data: function() {\n                return {\n                    gretting: 'hello world ,this is vue app',\n                    test1: false,\n                    test2: false,\n                    plans: ['helo', 'world']\n\n                }\n            },\n            methods: {\n                toggle() {\n                    this.test1 = !this.test1\n                }\n            }\n        });\n\n\n```\n# Vue App configuraton\n```javascript\n\u003ctemplate\u003e\n\u003clink rel=\"stylesheet\" href=\"./style.css\"\u003e\n  \u003cimg alt=\"Vue logo\" src=\"./assets/logo.png\"\u003e\n  \u003ccreate_event/\u003e\n\n\u003c/template\u003e\n\n\u003cscript\u003e\nimport HelloWorld from './components/HelloWorld.vue'\n// eslint-disable-next-line camelcase\nimport create_event from './components/base_compoent.vue'\n// eslint-disable-next-line camelcase\nimport base_From from './components/baseFrom.vue'\nexport default {\n  name: 'App',\n  components: {\n    [HelloWorld.name]: HelloWorld,\n    [create_event.name]: create_event,\n    [base_From.name]: base_From\n  }\n}\n\u003c/script\u003e\n\n\u003cstyle\u003e\n#app {\n  font-family: Avenir, Helvetica, Arial, sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-align: center;\n  color: #2c3e50;\n  margin-top: 60px;\n}\n\u003c/style\u003e```\n# else-if (conditions)\n```javascript\n   \u003cimg :src=\"image\" style=\"height: 300px; width:300px\"\u003e\n        \u003cp v-if=\"number\u003e10\" style=\"color: green;\"\u003einstock\n            \u003cbutton class=\"button\" v-on:click=\"addToCard\"\u003e add to cards\u003c/button\u003e\n\n        \u003c/p\u003e\n        \u003cp class=\"color-circle\" v-for=\"vari in variants\" :key=\"vari.id\" @mouseover=\"update(vari.image)\"\u003e{{vari.color}}\u003c/p\u003e\n        \u003ch3\u003eDetails\u003c/h3\u003e\n        \u003cp v-for=\"detail in details\"\u003e{{detail}}\u003c/p\u003e\n\n        \u003cp v-if=\"number\u003e10\"\u003ealmost 2 pieces left\u003c/p\u003e\n        \u003cp v-else style=\"color: brown;\"\u003e outstock\u003c/p\u003e\n\n  ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkernel-loophole%2Fvue.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkernel-loophole%2Fvue.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkernel-loophole%2Fvue.js/lists"}