{"id":16052965,"url":"https://github.com/jendiamond/rails_vue_todo","last_synced_at":"2026-06-08T12:01:15.649Z","repository":{"id":70694437,"uuid":"150804381","full_name":"jendiamond/rails_vue_todo","owner":"jendiamond","description":"First Test for Blacklight App","archived":false,"fork":false,"pushed_at":"2018-10-01T18:20:41.000Z","size":83,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-03T05:26:33.521Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Ruby","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/jendiamond.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":"2018-09-28T23:31:14.000Z","updated_at":"2018-10-01T18:20:43.000Z","dependencies_parsed_at":"2023-02-28T11:00:26.729Z","dependency_job_id":null,"html_url":"https://github.com/jendiamond/rails_vue_todo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jendiamond/rails_vue_todo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jendiamond%2Frails_vue_todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jendiamond%2Frails_vue_todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jendiamond%2Frails_vue_todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jendiamond%2Frails_vue_todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jendiamond","download_url":"https://codeload.github.com/jendiamond/rails_vue_todo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jendiamond%2Frails_vue_todo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34061123,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-10-09T01:40:19.106Z","updated_at":"2026-06-08T12:01:15.605Z","avatar_url":"https://github.com/jendiamond.png","language":"Ruby","funding_links":[],"categories":[],"sub_categories":[],"readme":"# README\n\n+ Ruby version 2.5.1\n+ Rails ~\u003e 5.2.1\n\n\nhttps://www.udemy.com/ruby-on-rails-react-angular\n\n#### rails g controller Welcome home\n+ update config/routes\n```\nRails.application.routes.draw do\n  root 'welcome#home'\n  get 'welcome/home'\nend\n```\n\n`bundle`\n\n#### yarn add vue\n`yarn install`\n\n### Add Vue\n#### Create a new file\n**`app/javascript/packs/app.js`**\n```\nimport Vue from 'vue';\n```\n\n**`app/views/layouts/application.html.erb`**\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n  \u003chead\u003e\n    \u003ctitle\u003eRailsVueTodo\u003c/title\u003e\n    \u003c%= csrf_meta_tags %\u003e\n    \u003c%= csp_meta_tag %\u003e\n\n    \u003c%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %\u003e\n    \u003c%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %\u003e\n    \u003c%= javascript_pack_tag 'application' %\u003e\n    \u003c%= javascript_pack_tag 'app' %\u003e\n\n  \u003c/head\u003e\n\n  \u003cbody\u003e\n    \u003c%= yield %\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n### Config Vue\n**`config/webpack/custom.js`**\n```\nimport Vue from 'vue';\n```\n\n---\n\n#### Create a new Rails app; adding webpack and skipping coffeescript and turbolinks. Then stop the Spring server.\n$ `rails new task-manager-app --webpack --skip-coffee --skip-turbolinks\ncd task-manager-app`\n$ `spring stop`\n\n#### Add a new Controller called Welcome with the action `home`\n$ `rails g controller Welcome home`\n\n#### Update the `config/routes.rb` to route the opening page to the home page\n```\nRails.application.routes.draw do\n  root 'welcome#home'\n  get 'welcome/home'\nend\n```\n\n#### Start the app\n`rails server`\n\nLoad `localhost:3000` in your browser\n\n#### Add yarn and Vue to the application\n$ `yarn add vue`\n$ `yarn install`\n\n#### Create a new file\n**`app/javascript/packs/app.js`**\n```\nimport Vue from 'vue';\n```\n\n#### Update `app/views/layouts/application.html.erb` add\n```\n\u003c%= javascript_pack_tag 'application' %\u003e\n\u003c%= javascript_pack_tag 'app' %\u003e\nto the \u003chead\u003e  element\n```\n\n#### Create `custom.js` in `config/webpack`\nAdd this to the file:  \n**`config/webpack/custom.js`**\n```\nmodule.exports = {\n  resolve: {\n    alias: {\n      vue: 'vue/dist/vue.min.js'\n    }\n  }\n}\n```\n\n#### Update `config/webpack/environment.js`\n```\nconst { environment } = require('@rails/webpacker')\nconst customConfig = require('./custom')\nenvironment.config.merge(customConfig)\nmodule.exports = environment\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjendiamond%2Frails_vue_todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjendiamond%2Frails_vue_todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjendiamond%2Frails_vue_todo/lists"}