Update: Use yarn 2 with pnp (coscine/issues#1227)

.editorconfig

+#root = true
+
+[*]
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 100
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -2,6 +2,14 @@
 node_modules
 /dist
 
+# yarn
+.yarn/*
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+
 # local env files
 .env.local
 .env.*.local
@@ -14,7 +22,6 @@ yarn-error.log*
 # Editor directories and files
 .idea
 .vscode
-.vs
 *.suo
 *.ntvs*
 *.njsproj

.gitlab-ci.yml

+include:
+  - project: coscine/tools/gitlab-ci-templates
+    file: 
+      - /docker-runner.yml
+      - /nodejs.yml
+
 stages:
-  - test
+  - build
+# there are more stages in the imported file but we only want to import some
+#  - test
   - publish
-  - release
-  - pre_release
-
-before_script:
-    - npm install
-
-test:
-  stage: test
-  script:
-    - npm run build
-    - npm test
-  except:
-    refs:
-      - master
-      - tags
-    variables:
-      - $GITLAB_USER_ID == $GIT_BOT_USER_ID
 
-publish:
-  stage: publish
-  script:
-    - npm run build
-    - npm test
-    - npx semantic-release
-  only:
-    - master
-  except:
-    variables:
-      - $GITLAB_USER_ID == $GIT_BOT_USER_ID
+build-branch:
+  extends: .build-branch
 
-release:
-  stage: release
-  script:
-    - npm run build
-  artifacts:
-    paths:
-      - dist
-  only:
-    - tags
+build-npm-release:
+  extends: .build-npm-release
 
-pre_release:
-  stage: pre_release
-  script:
-    - npm run build
-  artifacts:
-    paths:
-      - dist
-  when: manual
-  except:
-    - tags
-    - master
+publish-gitlab:
+  extends: .publish-gitlab-release

.yarnrc.yml

+packageExtensions:
+  "@vue/cli-service@*":
+    peerDependencies:
+      "@vue/cli-plugin-babel": "*"
+      "@vue/cli-plugin-eslint": "*"
+      "@vue/cli-plugin-typescript": "*"
+  "@vue/cli-plugin-typescript@*":
+    peerDependencies:
+      "babel-loader": "*"
+  "fork-ts-checker-webpack-plugin@*":
+    dependencies:
+      "vue-template-compiler": "*"
+    peerDependencies:
+      "typescript": "*"
+  "vue-i18n@*":
+    dependencies:
+      "vue": "^2.6.12"
+  "vue-material-design-icons@*":
+    dependencies:
+      "vue": "^2.6.12"      
+  "vue-multiselect@*":
+    dependencies:
+      "vue": "^2.6.12" 
+  "vue-router@*":
+    dependencies:
+      "vue": "^2.6.12"
+  "vuex@*":
+    dependencies:
+      "vue": "^2.6.12"
+  "bootstrap-vue@*":
+    dependencies:
+      "vue": "^2.6.12"
+      "jquery": "*"

README.md

-# vue-template
+# Project
 
-This template includes:
-
-*  Vue.js application template
-*  Linting using TSLint and the Vue builders
-*  Automatic releases using semantic-release (ESLint Code Convention) and Gitlab CI / CD
-*  Automatic Unit tests using Mocha/Chai and the Vue cli
-*  Automatic documentation publishing using Gitlab CI / CD and a self written script which puts the docs in the docs folder to the wiki
-*  For public registry: Publishing of packages, for usage add the following lines to package.json, add the npm publish module in .releaserc and provide a   valid NPM token:
-```
-"publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/",
-    "tag": "latest"
-}
-```
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-
-### Compiles and minifies for production
-```
-npm run build
-```
-
-### Run your tests
-```
-npm run test
-```
-
-### Lints and fixes files
-```
-npm run lint
-```
-
-### Run your unit tests
-```
-npm run test:unit
-```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+This app represents our CoScInE projects.
\ No newline at end of file

babel.config.js

-module.exports = {
-  presets: [
-    '@vue/app',
-    ["@babel/preset-env",
-    {
-      "targets": {
-        "ie": "11"
-      }
-    }]
-  ],
-}

package.json

@@ -8,38 +8,32 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "test:unit": "vue-cli-service test:unit"
+    "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "@coscine/component-library": "1.4.1",
-    "@coscine/api-connection": "^1.23.1",
-    "@coscine/app-util": "^1.7.1",
+    "@coscine/api-connection": "^1.24.2",
+    "@coscine/app-util": "^1.8.1",
+    "@coscine/component-library": "^1.5.0",
     "@itcenter-layout/bootstrap": "^1.5.5",
     "@itcenter-layout/masterpage": "^1.3.0",
-    "@types/jquery": "^3.5.2",
-    "bootstrap-vue": "^2.17.3",
+    "@types/jquery": "^3.5.5",
+    "bootstrap-vue": "^2.21.2",
     "jquery": "^3.5.1",
     "vue": "^2.6.12",
-    "vue-i18n": "^8.22.0",
+    "vue-i18n": "^8.22.3",
     "vue-runtime-helpers": "^1.1.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.11.5",
     "@hutson/semantic-delivery-gitlab": "^9.1.0",
     "@semantic-release/commit-analyzer": "^8.0.1",
     "@semantic-release/git": "^9.0.0",
     "@semantic-release/gitlab": "^6.0.5",
     "@semantic-release/npm": "^7.0.6",
     "@semantic-release/release-notes-generator": "^9.0.1",
-    "@types/chai": "^4.2.13",
-    "@types/mocha": "^8.0.3",
-    "@vue/cli-plugin-babel": "^4.5.7",
+    "@types/node": "^14.14.20",
     "@vue/cli-plugin-typescript": "^4.5.7",
-    "@vue/cli-plugin-unit-mocha": "^4.5.7",
     "@vue/cli-service": "^4.5.7",
-    "@vue/test-utils": "1.1.0",
-    "chai": "^4.2.0",
+    "core-js": "^3.8.2",
     "semantic-release": "^17.3.1",
     "typescript": "^4.0.3",
     "vue-template-compiler": "^2.6.12"

postcss.config.js

-module.exports = {
-  plugins: {
-    autoprefixer: {}
-  }
-}

src/ProjectApp.vue

@@ -21,6 +21,7 @@ import Vue from 'vue';
 import { GuidUtil, LinkUtil } from '@coscine/app-util';
 import { ProjectApi } from '@coscine/api-connection';
 import { CoscineCard, CoscineHeadline } from '@coscine/component-library';
+import '@coscine/component-library/dist/index.css';
 
 import projectImagePath from './assets/RWTH_Piktogramm_Projekte.png';
 import zusatzImagePath from './assets/RWTH_Piktogramm_Zusatzangebot.png';

src/shims-vue.d.ts

@@ -4,8 +4,8 @@ declare module '*.vue' {
 }
 
 declare module '@coscine/api-connection';
-declare module '@coscine/app-util';
 declare module '@coscine/component-library';
+declare module '@coscine/project-creation';
 
 declare module "*.png" {
   const value: any;

tsconfig.json

@@ -10,10 +10,13 @@
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
     "baseUrl": ".",
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "declaration": true,
+    "declarationDir": "dist",
     "types": [
       "webpack-env",
-      "mocha",
-      "chai"
+      "node"
     ],
     "paths": {
       "@/*": [

tslint.json

-{
-  "defaultSeverity": "warning",
-  "extends": [
-    "tslint:recommended"
-  ],
-  "linterOptions": {
-    "exclude": [
-      "node_modules/**"
-    ]
-  },
-  "rules": {
-    "quotemark": [true, "single"],
-    "indent": [true, "spaces", 2],
-    "interface-name": false,
-    "ordered-imports": false,
-    "object-literal-sort-keys": false,
-    "no-consecutive-blank-lines": false
-  }
-}