: 'vue\u002Fdist\u002Fvue.esm.js'\n }\n }\n}\n","id":"15e0435b-3f3a-468a-b22b-fb7f72927f07","is_binary":false,"title":"webpack.config.js","sha":null,"inserted_at":"2018-04-21T20:04:45","updated_at":"2019-10-19T19:13:47","upload_id":null,"shortid":"SJPfPFfK3f","source_id":"54e87f88-823e-48d7-b56f-85f9e1d9febd","directory_shortid":null},{"code":"\u003C!DOCTYPE html\u003E\n\u003Chtml lang=\"ja\"\u003E\n\u003Chead\u003E\n \u003Cmeta charset=\"UTF-8\"\u003E\n \u003Ctitle\u003EVue Component Tutorial\u003C\u002Ftitle\u003E\n\u003C\u002Fhead\u003E\n\u003Cbody\u003E\n \u003Cdiv id=\"app\"\u003E\n \u003Canchor-link\n href=\"https:\u002F\u002Fqiita.com\"\n text=\"Qiitaのページ\"\n :new-tab=\"true\"\n \u003E\u003C\u002Fanchor-link\u003E\n \u003C\u002Fdiv\u003E\n \u003Cscript src=\".\u002Fdist\u002Fmain.js\"\u003E\u003C\u002Fscript\u003E\n\u003C\u002Fbody\u003E\n\u003C\u002Fhtml\u003E","id":"d176e0d7-9658-4005-8191-19877866f6af","is_binary":false,"title":"index.html","sha":null,"inserted_at":"2018-04-21T20:04:45","updated_at":"2018-04-21T20:04:45","upload_id":null,"shortid":"Sy7MwKzFhM","source_id":"54e87f88-823e-48d7-b56f-85f9e1d9febd","directory_shortid":null},{"code":"{\n \"presets\": [ \"env\" ]\n}\n","id":"51ee3432-7c36-4e48-b89a-4b8222808ee7","is_binary":false,"title":".babelrc","sha":null,"inserted_at":"2018-04-21T20:04:45","updated_at":"2018-04-21T20:04:45","upload_id":null,"shortid":"HJ4GDKMKnf","source_id":"54e87f88-823e-48d7-b56f-85f9e1d9febd","directory_shortid":null},{"code":"{\n \"name\": \"vue-anchorlink-component\",\n \"version\": \"1.0.0\",\n \"main\": \"index.js\",\n \"license\": \"MIT\",\n \"scripts\": {\n \"dev\": \"node_modules\u002F.bin\u002Fwebpack --mode=development --watch\",\n \"build\": \"node_modules\u002F.bin\u002Fwebpack --mode=production\"\n },\n \"devDependencies\": {\n \"babel-core\": \"^6.26.0\",\n \"babel-loader\": \"^7.1.4\",\n \"babel-preset-env\": \"^1.6.1\",\n \"css-loader\": \"^0.28.11\",\n \"vue-loader\": \"^14.2.2\",\n \"vue-template-compiler\": \"^2.5.16\",\n \"webpack\": \"^4.2.0\",\n \"webpack-cli\": \"^2.0.13\"\n },\n \"dependencies\": {\n \"vue\": \"^2.5.16\"\n },\n \"keywords\": [],\n \"description\": \"\"\n}\n","id":"f44accc9-148a-4234-9300-19c8b7222e7c","is_binary":false,"title":"package.json","sha":null,"inserted_at":"2018-04-21T20:04:45","updated_at":"2018-05-04T05:34:13","upload_id":null,"shortid":"r1UzPYzY2G","source_id":"54e87f88-823e-48d7-b56f-85f9e1d9febd","directory_shortid":null},{"code":"\u003Ctemplate\u003E\n \u003Cspan class=\"anchor\" @click=\"onClickLink\"\u003E{{ text }}\u003C\u002Fspan\u003E\n\u003C\u002Ftemplate\u003E\n\n\u003Cscript\u003E\nexport default {\n props: {\n text: {\n type: String,\n required: true\n },\n href: {\n type: String,\n required: true\n },\n newTab: {\n type: Boolean,\n default: false\n }\n },\n methods: {\n onClickLink() {\n if (this.newTab === true) {\n window.open(this.href, '_blank');\n } else {\n window.location.href = this.href;\n }\n }\n }\n};\n\u003C\u002Fscript\u003E\n\n\u003Cstyle\u003E\n.anchor {\n color: blue;\n cursor: pointer;\n text-decoration: underline;\n}\n\u003C\u002Fstyle\u003E\n","id":"f7572201-c75a-4a91-9970-6f65212b316c","is_binary":false,"title":"AnchorLink.vue","sha":null,"inserted_at":"2018-04-21T20:04:45","updated_at":"2019-10-12T20:21:01","upload_id":null,"shortid":"SJ-zvtfF2f","source_id":"54e87f88-823e-48d7-b56f-85f9e1d9febd","directory_shortid":"H1xMDtMKhz"}],"v2":false,"forked_template_sandbox":null,"preview_secret":null,"tags":[],"external_resources":[],"privacy":0,"fork_count":14,"template":"vue-cli","owned":false,"collection":false,"free_plan_editing_restricted":false,"forked_from_sandbox":null,"git":null,"updated_at":"2020-01-30T05:29:49","screenshot_url":"https:\u002F\u002Fscreenshots.codesandbox.io\u002F04opj6qq2n\u002F11.png","inserted_at":"2018-04-21T20:04:45","npm_registries":[],"entry":"src\u002Findex.js","original_git":null,"room_id":null,"description":null,"draft":true};